html, body {
	height:100%;
	margin:0;
	background-color:#E1CEB4;
	font-family: Helvetica, Arial, sans-serif;
	text-align:justify;
}

#global {
	width:1000px;
	min-height:100%;
	/*marges droite et gauche auto pour centrer l'élément*/
	margin-right:auto;
	margin-left:auto;
	margin-top:0;
	margin-bottom:0;
	position:relative;/* pour positionner les éléments qui sont à l'intérieur*/
	background-color:white;
}

#haut {
	height:40px;
	width:1000px;
	background-color:#E1CEB4;
	position:fixed;
	z-index:101; /*pour être au dessus du menu déroulant de documents ET au dessus de TITRE*/
	text-align:right;/* pour aligner le contenu adhesion, connexion à droite*/
}

#haut a {
	color:black;/*couleur du texte adhesion connexion*/
}

#inscription {
	display:inline-block;/*pour faire un inline qui peut avoir une hauteur*/
	width:100px;
	height:25px;
	background-image:url(images/adhesion.png);
	text-align:center;
	margin: 5px;
	padding-top:3px;
}

#connexion {
	display:inline-block;
	width:120px;
	height:25px;
	background-image:url(images/connexion.png);
	text-align:center;
	margin: 5px;
	padding-top:3px;
}

#deconnexion {
	display:inline-block;
	width:140px;
	height:25px;
	background-image:url(images/deconnexion.png);
	text-align:center;
	margin: 5px;
	padding-top:3px;
}

#connexion:hover {
	background-image:url(images/connexion_hover.png);
	color:white;
}

#deconnexion:hover {
	background-image:url(images/deconnexion_hover.png);
	color:white;
}

#inscription:hover {
	background-image:url(images/adhesion_hover.png);
	color:white;
}

#titre {
	z-index:100; /*pour être au dessus du menu déroulant de documents*/
}

#menu {
	height:55px;
	width:1000px;
	background-color:white;
	position:absolute;/*précisément à l'endroit où on veut*/
	top:300px;
	text-align:center;
	border-bottom:dashed #C1BFB1 1px;
}

#menu a {/*c'est chaque lien qui est dans le menu*/
	color:black;
	text-decoration:none;/*on enlève le soulignement*/
}

#menu ul {
	/*l'ensemble des liens*/
	margin:0;
	background-color:white;
}

#menu li:hover {
	background-color:#E1CEB4;
}

#menu li {
	/* menu li = c'est la case entière du lien*/
	display:inline-block;/* c'est du display inline avec des dimensions*/
	height:40px;
	margin:0;
	padding:15px 25px 0 25px;
}

/* menu déroulant de DOCUMENTS : caché*/
#menu ul li ul {
	position:absolute;
	text-align:left;
	top:-500px; /* pour masquer le menu déroulant de DOCUMENTS*/
	opacity:0;
	left:350px;
	border:dashed #C1BFB1 1px;
	z-index:50; /*pour être au dessous de HAUT et TITRE*/
}

/* menu déroulant de DOCUMENTS : apparait avec souris*/
#menu li:hover ul {
	opacity:1;
	top:55px;
	transition:top 0.01s linear, opacity 0.5s ease-in; /* apparition progressive du menu déroulant*/
}

#menu li li {
	/* cases du menu déroulant */
	display:block;/*reprendre la position block du départ*/
	padding:5px 15px 5px 5px;
	height:30px;
}

#contenu {
	height:100%;
	margin:65px 10px 0px 10px;
	font-size:1.05em;
	color:#696969;
	padding-bottom: 30px;
}

#agenda { /*tableau de la page d'accueil*/
	width:800px;
	margin-left:100px; /*pour le centrer*/
	color:black;
	border-collapse:collapse; /*pas d'espace entre les lignes du tableau*/
}

#agenda td { /*format des cases du tableau*/
	border:dotted black 1px;
	padding:5px;
}

#bas {
	position:absolute;
	bottom:0;
	right:0;
}

h1 {
	text-align:center;
	font-size:1.05em;
	color:black;
}

h2 { /* format du titre de tableau*/
	text-align:center;
	font-size:1em;
	color:black;
}

a:link {
	text-decoration:none;
}

a:hover {
	color:purple;
}
/* utilisation de modernizr pour ne pas afficher le lien "télécharger" s'il n'est pas supporté */
.no-adownload #telecharger {
	display:none;
} 
#telecharger {
	display:inline;
}
#forum_sujets {
	border-collapse:collapse;
	width:800px;
	margin-left:100px;
}
#forum_sujets td {
	border:solid black 1px;
	padding:5px;
}
#citation {
	border:solid black 1px;
	padding:5px;
	background-color:#fef7ed;
}
#bouton_supprimer {
	border:solid black 1px;
	padding:5px;
	background-color:#fef7ed;
	border-radius:10px;
	font-size:1.2em;
}
#bouton_supprimer:hover {
	background-color:#ffc879;
}
#bouton_supprimer a {
	color:black;
}
#case_gauche {
	width:200px;
}