@import url(/reset.css);

html * {
	margin: 0px;
	padding: 0px;
}

body {
	/* color: #699787; */
	color: #000;
	background: #584468;
	font-size: 80%;
	line-height: 1.4;
	font-family: 'Segoe UI', Helvetica, Arial, "Lucida Grande", "Liberation Sans", Tahoma, Verdana, sans-serif;
				 /* Yay for Liberation! */
	padding: 0px 0 10px;
}

p {
	margin: 0.5em 0px;
}

h1 {
	text-align: center;
	font-size: 280%;
    background-color: #271b2e;
    color: white;
}

a {
	color: #8f8a6f;
	text-decoration: none;
	border-bottom: 1px dotted;
}

a:hover {
	color: #a6d861;
}


a img {
	border: none;
}

acronym, abbr {
	cursor: help;
}

.erreur {
	background: #fff;
	opacity: 0.2;
	padding: 8px 10px;
}

ul#navigation {
	text-align: center;
	padding: 0.25em 0;
  background-color: #3c2346;
  	list-style-type: none;

}

ul#navigation a {
	color: white;
}

ul#navigation li {
	display: inline;
	padding: 0.25em 0.5em;
}


#donate {
	background-color: #3a3a3a;
	border-top:1px solid #444;
	margin: 1em -2% -1em -2%;
	padding: 1em 2%;
}

div.box {
	margin: 1em 3%;
	border: 1px solid #444
}

div.innerbox {
	padding: 2em;
}
div.innerbox img:first-child {
	float: left;
	margin-right: 2%;
}

div.innerbox img.thumbnail:first-child, div.innerbox img.art {
	float: none;
	width:auto;
	margin-right: 3%;
}

div.innerbox img.art {
	margin:  0;
	max-width: 100%;
	max-height: 700px;
}

/**
 * Boites
 ******************************************************************/
 
.boite, .box {
	margin: 0 0 18px;	
	border: 1px solid #412751;
	color: #ffe6c4;
	background: #333056;
}

.boite.nodata {
	opacity: 0.5;
}

.boite h2, .box h2 {
	font-size: 130%;
	padding: 8px 10px 9px;
	color: #c5b78a;
	line-height: 1;
	border-bottom: 1px solid #dfd3ac;
}

.boite h2 span {
	font-size: 80%;
	font-weight: normal;
}

.boite h2 a {
	text-decoration: none;
	border: none;
}

.boite ul li {
	margin-bottom: 5px;
}

.boite ul li.nodata {
	opacity: 0.5;
}

.boite .boite-inner {
	padding: 10px;
}

.boite.no-title h2 {
	display: none;
}

/* Art Box */
div.box ul.art li {
	margin-top: 1em;
	display: block;
	float: left;
	text-align: center;
}