/******************************************************************************/
/* reset some styles                                                          */
/******************************************************************************/
html, body,
h1, h2, h3, h4, h5, h6,
div, p, blockquote,
dt, dt, dd, ul, ol, li,
form, fieldset, legend, textarea {
	display: block;
	padding: 0;
	margin: 0;
/*
	border: solid 1px #000;
*/
	list-style-type: none;
	font-size: 1em;
}
/******************************************************************************/
/* elements                                                                   */
/******************************************************************************/
body {
	padding: 0;
	margin: 0;
	font: 80%/1.5 Helvetica, Arial, sans-serif;
	background: #000;
}

/* lists */
ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
li > ul {
	padding: 0 0 0 .5em;
	margin: 0 0 0 1em;
	border-left: solid 1px #f00;
}


/* images */
img {
	max-width: 100% !important;
	border: solid 1px #000;
}

/* links */
a {
	color: #000;
}
a:visited {
	border-bottom: dashed 1px;
	text-decoration: none;
	color: #000;
}
a:hover {
	color: #f00;
}
a:active {
	color: #f00;
}
a:hover img {
	opacity: .5;
}
a.on {
	text-decoration: none;
}
a.thumbnail {
	border: none;
}

/* titles */
h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase;
	letter-spacing: .1em;
	color: #f00;
}

h1 {
	font-size: 30px;
}
h2 {
	font-size: 1.1em;
	vertical-align: middle;
}
h3 {
	margin: 1em 0 0;
}

h1 a {
	display: block;
	border: none !important;
	line-height: 1.5em;
	text-align: left;
	text-decoration: none;
	color: #f00;
}

/* quotes */
blockquote {
	padding: 0 0 0 .5em;
	border-left: solid 2px #000;
}

/* modifications */
ins {
	text-decoration: none;
	opacity: .8;
}
ins:before {
	content: '(edit\000a0– ' attr(datetime) ') ';
}

/******************************************************************************/
/* main containers                                                            */
/******************************************************************************/
#container {
	max-width: 75%;
	margin: 0 auto;
}

#navigation, #content {
	float: right;
	padding: 3em 2%;
}
#navigation {
	width: 30%;
	color: #fff;
}
#content {
	position: relative;
	width: 60%;
	max-width: 33em;
	min-height: 42em; /* \o/ */
	background: #fff;
}
#pied {
 clear: both;
}

#shortcuts {
	padding: .5em 0;
	background: #000;
}

/******************************************************************************/
/* content                                                                    */
/******************************************************************************/
#content .thumbnail img {
	display: block;
	width: 100% !important;
	height: auto !important;
	margin: 0 0 .5em;
}
#content p, #content u, #content ol, #content dl {
	margin: 0 0 .75em;
}
#content dt {
	margin: 1em 0 0;
	font-weight: 900;
}
#content dd {
	margin: 0 0 0 1em;
}
#content h2, #content h3 {
	margin: 3em 0 .5em;
}
#content > h2, #content > * > h2 {
	margin-top: 0;
}

#content .menu h3 {
	clear: both;
}

/******************************************************************************/
/* #navigation                                                                */
/******************************************************************************/
#navigation > div, #navigation > div > div {
	margin: 2em 0 0;
}
#navigation #entete {
	margin: 0;
}

#navigation a:link, #navigation a:visited {
	color: #fff;
}
#navigation a:hover {
	color: #f00;
}
#navigation a img {
	max-width: 100%;
	height: auto !important;
	color: #000;
	background: #fff;
}
#navigation h2 a:link,
#navigation h2 a:visited {
	color: #f00;
}
#navigation h2 a:hover {
	border: none;
	text-decoration: none;
}
#navigation #hierarchie h2 {
	display: inline;
}

#navigation .menu.rubriques li,
#navigation .menu.keywords li {
	display: inline;
}
#navigation #history strong {
	display: block;
}
#navigation #history a {
	border: none;
	text-decoration: none;
}

#navigation .menu.articles a {
	display: block;
	position: relative;
}
#navigation .menu.articles a img {
	display: block;
}
#navigation .menu.articles a span {
	display: block;
	position: absolute;
	min-width: 100%;
	padding: .1em .5em;
	font-weight: bold;
	text-transform: uppercase;
	background: #000;
	opacity: .85;
}

/******************************************************************************/
/* formulaires                                                                */
/******************************************************************************/
form {
	width: 100% !important;
}
form fieldset {
	padding: .5em;
}

form li, form .boutons {
	margin: 1em 0;
}
textarea, .spip_barre {
	width: 98%;
}
[id^=barre_] {
	width: 100%;
}

#arkhi_inscription #container {
	width: 100%;
	max-width: 100%;
}
#arkhi_inscription #content {
	float: none;
	width: 90%;
}
#formulaire_inscription {
  color: #fff;
}
/******************************************************************************/
/* articles                                                                   */
/******************************************************************************/
[id^=article] {
	clear: both;
	width: 100%;
	margin: 0 0 3em;
}
[id^=article] h3 {
	display: inline;
}
[id^=article] .logo,
[id^=article] .texte [rel^=lightbox] {
	float: left;
	clear: left;
	margin: 0 1em .5em 0;
}
[id^=article] .texte h3,
[id^=article] .texte h4 {
	display: block;
	clear: both;
}

[id^=article] .texte p {
	clear: both;
}

#content .reply {
	margin: 1em 0 2em;
}

#content > ul li, #content p + ul li {
	list-style-type: square;
}
#content > ol li, #content p + ol li {
	list-style-type: decimal;
}
#content > ul, #content p + ul,
#content > ol, #content p + ol {
	margin: 0 0 1em 2em;
}

.article.header {
	display: list-item;
	padding-bottom: .5em;
	list-style-type: square;
	list-style-position: inside;
	color: #f00;
}
.article.header h2 {
	display: inline;
	vertical-align: baseline;
}
.article.header * {
	color: #f00;
}
.article.header a:hover {
	color: #000;
}
.article.header small {
	white-space: pre;
}

.left {
	float: left;
	clear: left;
	margin: .25em 1em 0 0;
}
.right {
	float: right;
	clear: right;
	margin: .25em 0 0 1em;
}
/******************************************************************************/
/* galleries                                                                  */
/******************************************************************************/
#gallery {
	margin: 3em 0;
}
#gallery ul {
	margin: 1em 0 0;
	text-align: center;
}
#gallery li {
	display: inline;
	margin: 0;
	list-style-type: none;
}
#gallery li.first-pic img {
	max-width: 100%;
	height: auto !important;
	border: none;
}

/******************************************************************************/
/* body#arkhi_inscription                                                     */
/******************************************************************************/
#arkhi_inscription #container {
	width: 100%;
	max-width: 100%;
}
#arkhi_inscription #content {
	width: 80%;
	margin: 0 auto;
}

/******************************************************************************/
/* body#arkhi_inscription                                                     */
/******************************************************************************/
#arkhi-map #content h3 a {
	display: block;
	border-bottom: solid 1px #000;
}

/******************************************************************************/
/* general specific classes                                                   */
/******************************************************************************/
.info {
	padding: 1em;
	margin: 1em 0;
	border: solid 2px #f00;
}
.hide {
	display: none;
}
.vcard img {
	float: left;
	margin: 0 1em .5em 0;
}

/* =tables ******************************************************************/
table.spip {
  border-collapse: collapse;
}
table.spip th,
table.spip td {
  padding: .25em .5em;
  border: solid #2E3436 1px;
  text-align: center;
}
table.spip th {
  text-transform: uppercase;
}
table.spip .row_even {
  color: #000;
  background: #eee;
}

/******************************************************************************/
/* warning messages (no javascript, IE 6, etc.)                               */
/******************************************************************************/
.warning {
	padding: 1em 10%;
	border-bottom: solid 3px #f00;
	text-align: justify;
	color: #000;
	background: #fff url(../img/attention.png) .75em .75em no-repeat;
}

.warning div, #warning noscript p {
	padding: 0 1em;
	border-left: solid 3px #f00;
}
.warning p {
	margin: 0 auto 1em;
}
.warning a:hover {
	text-decoration: none;
	background: transparent;
}