* {
		margin: 0;
		padding: 0;
		border: 0;
}

body {
		background-color: #000;
}

#conteneur {
		position: relative;
		width: 980px;
		margin: 25px auto 0;
}

#menu {
		position: absolute;
		background: url(logo.gif) no-repeat;
		background-position: 0 350px;
		top: 0;
		left: 0;
		width: 175px;
		height: 500px; /* nécessaire ŕ cause du background-position */
}

#menu ul {
		margin-top: 150px;
		font-size: 1.3em;
		font-weight: bold;
		font-family: Courier New, Courier, mono;
		text-align: center;
}

#menu ul li {
		margin: 10px 0;
}

#menu ul li a {
		display: block;
		background: url(puce.gif) top left no-repeat;
		color: #7e211a;
		padding-left: 25px;
}

#menu ul li a:hover {
		background: url(puce-hover.gif) top left no-repeat;
		color: #5b1813;
}

#contenu {
		width: *%;
		margin-left: 175px;
		padding: 0 25px;
}

h1 {
		color: #9d0504;
		margin: /*75px*/ 0 0 25px;
		font-size: 2.5em;
		font-family: Flemish Script;
}

h2 {
		position: absolute;
		top: 0;
		left: 515px;
		width: 400px;
		color: #9d0504;
		font-size: 1.5em;
		font-family: verdana,arial,helvetica,sans-serif;
		text-align: center;
}

p {
		/*color: #40110d;*/
		color: #7e211a;
		text-align: justify;
		text-indent: 15px;
		line-height: 25px;
		margin-bottom: 15px;
}

p:first-letter {
		font-size: 1.2em;
		font-weight: bold;
}

ul.liens {
		margin-top: 50px;
}

ul.liens li {
		list-style-image: url(puce.gif);
		margin: 20px 0 0 50px;
}

ul.liens li a {
		color: #7e211a;
}

ul.liens li a:hover {
		color: #5b1813;
}

ul {
		margin-left: 15px;
}

li {
		margin: 5px 0;
		list-style: none;
}

a {
		color: #7e211a;
		text-decoration: none;
}

a:hover {
		color: #5b1813;
}

img.cadre-accueil {
		float: left;
		margin-right: 25px;
		/*margin: 0 0 0 100px;*/
		/*border: 1px solid #7e211a;*/
}

#categorie {
		margin-top: 25px;
}

.vignette {
		float: left;
		width: 150px;
		height: 110px;
		margin: 5px 4px;
		padding-top: 40px;
		font-weight: bold;
		font-size: 3em;
		text-align: center;
		border: 1px dotted #7E211A;
}

.vignette img{
		width: 150px;
		height: 150px;
}

/*.vignette a img {
		border: 1px dotted #9d0504;
}*/

.vignette a:hover img {
		border: 1px dotted #000;
}

.vignette-photo {
		width: 150px;
		margin: 10px;
		/*border: 1px solid #7e211a;*/
}

.photo-tableau {
		width: 400px;
		margin: 10px 0 0 10px;
		/*border: 1px solid #7e211a;*/
		cursor: pointer;
}

#liste-tableau {
		position: relative;
		left: 0;
		top: 60px;
		width: 200px;
		height: 440px;
		overflow: hidden;
}

#page {

}

#cadre-tableau {
		position: absolute;
		left: 500px;
		top: 40px;
		width: 420px;
}

#informations-tableau {
		width: 370px;
		margin: 10px auto;
		padding: 10px 15px;
}

#informations-tableau ul{
		color: #7e211a;
		text-align: center;
		font-weight: bold;
}

#up, #down {
		position: absolute;
		left: 275px;
		top: 5px;
		width: 50px;
		height: 50px;
		cursor: pointer;
}

#up {
		background-image: url(fleche-haut.gif);
}

#down {
		background-image: url(fleche-bas.gif);
		top: 515px;
}

#retour {
		position: absolute;
		top: 5px;
		left: 225px;
		width: 50px;
		height: 50px;
		cursor: pointer;
}

.txt {
		position: absolute;
		top: 0;
		left: 15px;
		width: 200px;
		visibility: hidden;
}

fieldset {
		width: 400px;
		padding: 15px;
		margin: 25px auto;
		border: 1px solid #5B1813;
}

legend {
		color: #7E211A;
		padding: 0 10px;
}

label {
		float: left;
		display: block;
		width: 175px;
		margin-left: 25px;
}

label.sujet {
		width: 75px;
}

input.sujet {
		width: 250px;
}

input {
		width: 150px;
		border: 1px solid #7E211A;
}

input.submit {
		color: #7e211a;
		width: 150px;
		margin-left: 170px;
}

textarea {
		width: 325px;
		height: 125px;
		margin-left: 25px;
		border: 1px solid #7E211A;
}