/* --------------------------------------------- */
/* colonne de gauche contenant le menu principal */
/* --------------------------------------------- */

#menu {
	width: 220px;
	height: 890px;
	float: left;
	text-align: center;
	background-color: transparent;	
}

img#logo {
	margin-top: 70px;
	margin-bottom: 45px; /* 70 si on compte la margin-top du premier bouton qui sera toujours 20, accent ou pas */
}

#menu ul {
	list-style-type: none;	
}

/* marges des boutons suivant qu'ils ont un accent ou pas, sauf le premier qui sera considéré sans accent */
.sans { margin-top: 20px; }
.avec { margin-top: 15px; }

/* --------------------------------------------------- */
/* les boutons communs: adresse et choix de la langue. */
/* --------------------------------------------------- */

a#adresse {
	display: inline-block;
	margin-top: 70px;
	margin-bottom: 70px;
	width: 143px;
	height: 68px;
	background-image: url(img/adresse.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}

a#adresse:hover, a#adresse:focus {
	background-image: url(img/adresse_w.png);
}

a#fr {
	display: inline-block;
	width: 17px;
	height: 17px;
	background-image: url(img/bout_fr.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}

a#fr:hover, a#fr:focus {
	background-image: url(img/bout_fr_w.png);
}

a#en {
	display: inline-block;
	width: 17px;
	height: 17px;
	background-image: url(img/bout_en.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}

a#en:hover, a#en:focus {
	background-image: url(img/bout_en_w.png);
}

/* bouton pour l'allemand, ne pas oublier de renseigner les dimensions de l'image! */

/* a#de {
	display: inline-block;
	width: {XX}px;
	height: {XX}px;
	background-image: url(img/bout_de.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}

a#de:hover, a#en:focus {
	background-image: url(img/bout_de_w.png);
} */

/* ----------------------------- */
/* contenu de la fenêtre blanche */
/* ----------------------------- */

div#contenu {
	float: left;
	margin-top: 40px;
	width: 720px;
	height: 850px;
	background-color: #fff;
	overflow: auto; /* pour les barres de défilement */
}

/* le titre de la section en cours, aligné au milieu */

#section {
	margin-left: 30px; /* marges gauche/droite à cause de la barre de défilement */
	width: 660px;
	height: 100px;
	text-align: center;
}

/* marge en dessous du titre dans les pages sans sous-titres dans la colonne de gauche
	90 pour le titre + 40 de marge blanche + 15 de marge en haut d'une entrée = 145px
   c'est-à-dire "les amis", "partenariats", "remerciements" et "info pratiques" */
.sanstitre { margin-bottom: 40px; }

/* marge du haut du titre de la section suivant les accents */
.avecaccent { margin-top: 22px; }
.sansaccent { margin-top: 25px; }

/* saut de ligne des paragraphes */

p {
	margin-bottom: 0px;
}

/* titre pour les dates, grande taille, en majuscules */

h1 {
	font-size: 24px;
	line-height: 24px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	margin-top: 23px;
	margin-bottom: 0px;
}

/* titre de l'exposition, grande taille, en majuscules et italic */

h2 {
	font-size: 24px;
	font-style: normal;
	line-height: 24px;
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 15px;	
}

/* nom du commissaire ou sous-titre, taille normale, en majuscules et droit */

h3 {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;	
}

/* nom des artistes, taille normale */

h4 {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	margin-bottom: 15px;
}

h5 {
	font-size: 24px;
	line-height: 24px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	margin-top: 23px;
	margin-bottom: 0px;
}

.fichier a {
	text-transform: uppercase;
}

.fichier img {
	vertical-align: middle;
}