/*structure */

body {
	font-family: arial, sans-serif;
	font-size: 13px;
	text-align: left;
}

h1 {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-align: left;
}

h2 {
	margin: 0px;
	padding: 0px;
}

h3 {
	margin-top: 30px;
	margin-bottom: 0px;
}

h4 {
}

a {
	text-decoration: none;
}

acronym, abbr {
	border-bottom: none;
}

sup {
	font-size: xx-small;
	vertical-align: 0.3em;
}

dt {
	font-weight: bold;
}

dd {
	margin-top: 0px;
	margin-left: 34px;
	margin-bottom: 15px;
}

dd p {
	margin-top: 0px;
	margin-bottom: 0px;
}

dd+dt {
	margin-top: 15px;
}

ul {
	list-style: square;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 2px;
}

li {
	margin-left: 10px;
	margin-top: 2px;
}

.facts {
        padding: 5px 3px;
}

p.legende {
	font-size: smaller;
	margin-top: -0px;
}

blockquote.epigraphe {
	font-style: italic;
	margin: 0.2em 0px 0.2em 50%;
	line-height: 102%;
	text-align: left;	
}

blockquote.epigraphe p.ref {
	font-style: normal;
	text-align: right;
	margin-top: 0.2em;
}

.nom {
    font-variant: small-caps;
}

.mlg {
	text-transform: lowercase;
	font-variant: small-caps;
	font-weight: bold;
}

.ouvrage, #corps [lang] {
	font-style: italic;
}

em .ouvrage, em em, #corps em [lang] {
	font-style: normal;
}

#corps abbr[lang], #corps acronym[lang] {
	font-style: normal;
}

.article:before {
	content: "\00ab\00a0";
}

.article:after {
	content: "\00a0\00bb";
}

/*blocs*/

#bandeau {
	position: absolute;
	left: 20px;
	top: 112px;
	width: 237px;
}

#illustration {
	width: 100%;
}

#illustration img {
	border: 1px solid;
	width: 100%;
}

#credits {
	border-top: 1px solid;
	margin-top: 40px;
}

#credits p {
	font-size: smaller;
	margin-top: 0px;
}

#corps {
	position: absolute;
	left: 264px;
	top: 78px;
	padding-right: 20px;
	padding-bottom: 10px;
}


#entete {
	}

#texte {
	margin-top: 20px;
}

/*menus de navigation*/

#navigation {
	position: absolute;
	left: 20px;
	top: 20px;
	margin: 0px;
	padding: 0px;
	z-index: 10;
}

#navigation dl {
    margin: 0px;
    width: 116px;
	position: absolute;
	top: 0px;
	border-right: 1px solid;
	border-bottom: 1px solid;
	font-weight: normal;
	font-size: 11px;
	}

#navigation dl#menu1 {
    left: 0px;
}
#navigation dl#menu2 {
    left: 120px;
}
#navigation dl#menu3 {
    left: 240px;
}
#navigation dl#menu4 {
    left: 360px;
}

#navigation dl.actu {
	border-right: 1px solid;
	border-bottom: 1px solid;
}

#navigation dd {
	margin-bottom: 0px;
}

#navigation dd ul{
    margin-left: -17px;
    padding-left: 0px;
    list-style-type: square;
    text-align: left;
}

#navigation dt {
    padding: 2px 0px 2px 2px;
	font-weight: bold;
	margin: 0px;
    width: 100%;
    line-height: 100%;
}


#navigation a {
	text-decoration: none;
}

#navigation a.actu {
}

#navigation a:hover {
	text-decoration: none;
}

#navigation li {
	margin-top: 0px;
	margin-left: -2px;
}

	
/*couleurs*/

body {
	background: #fff;
}

#navigation dl {
	background: #fff;
	border-right-color: #00b;
	border-bottom-color: #bb0;
	color: #0b0;
}

#navigation dl.actu {
	background: #fff;
	border-right-color: #0b0;
	border-bottom-color: #b0b;
	color: #bb0;
}

a, #navigation a {
	color: #888;
}

body {
	color: #444;
}

#navigation dl.actu a {
	color: #b00;
}

#illustration img {
	border-color: #eee;
}

#illustration img.logoson, .logoson {
	border: none;
	padding-right: 17px;
	width: 20px;
}

#credits {
	color: #ccc;
}

.facts {
        background-color: #ddd;
}