body {
	background-color: #c99ed5;
}

h1, h2 {
	color:#7d1f98;
	font-family:arial, helvetica, sans-serif;
}

h1 {
	border-bottom:dotted 5px #7d1f98;
}


p {
	color:#500b64;
	font-family:arial, helvetica, sans-serif;
}

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

a:visited {
	color:#be7ed0;
}

a:visited.accueil  {
	color:#7d1f98;
}

.intro {
	font-style:italic;
	font-weight:bold;
}

.legende {
	text-align:justify;
	float:left;
}

.journal {
	font-weight:bold;
}

.date {
	font-style:italic;
}

img {
	border:dotted 1px #7d1f98;
	margin-left:10px;
}

button {
	border:none;
	background-color:#c99ed5;
	vertical-align:middle;	
}

.bouton, .accueil {
	font-size:smaller;
	font-weight:bold;
	background-image: url(1860.gif);
	background-repeat:no-repeat;
	
}

.bouton {
	background-position:top center;
}

.bouton p, .accueil p {
	padding-top:40px;
}

.accueil {
	padding-bottom:40px;
	background-position:bottom center;
	margin-bottom:40px;
	float:left;
	position:relative;
}

.suivante {
	font-weight:bold;
	margin-left:4em;
	text-align:center;
	float:left;
	position:relative;
}

.infos {
	width:30%;
	float:left;
}


.vignette {
	float:left; 
	text-align:center;
	margin-bottom:20px;
}

.vignette p {
	font-style:italic;
	font-weight:bold;
	margin-top:0px;
}
	

.grande {
	border:dotted 2px #7d1f98;
	margin-right:20px;
	margin-bottom:10px;
	float:left;
}

.pied {
	border-top:dotted 5px #7d1f98;
	padding-top:5px;
	font-size:smaller;
	text-align:center;
}