/*structure */

body {
	font-family: arial, sans-serif;
	font-size: 11px;
	text-align: left;
	line-height: 108%;
}

p {
	text-align: justify;
}

h2 {
	margin: 0.3em 0em 0.5em 0.8em;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
    text-indent: -0.8em;
    line-height: 100%;}

h3 {
	margin: -0.5em 0em 1em 2em;
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	text-align: left;
}

h4 {
	margin: 0.8em 0em 0.2em 0em;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}

img {
	width: 100%;
	border: none;
}

img.btn {
	width: 10px;
}

p, ul, ol, dl {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}


ul {
	list-style: square;
	padding-left: 0em;
}

ul li, ol li {
   margin-left: 16px;
}

dl {
	line-height: 100%;
}

dt {
	font-weight: bold;
	margin-top: 0.5em;
    line-height: 100%;
}

dd {
	margin-left: .7em;
	padding: 0em;
}

a {
}

a.ns, a.nsh {
	text-decoration: none;
}

a.ns:hover {
	text-decoration: underline;
}

a.ns:after {
	content: ""; font-size: 10px; padding-left: .2em; padding-right: .1em; vertical-align: super;
}

.ouvrage, .film {
	font-style: italic;
}

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

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

.special {
}

.animateur {
	font-style: italic;
}

.personne {

}

.date {
}

.lieu {
}

.categorie {
	font-style: italic;
}



/*Dˇfinition des blocs*/

#bloc1 {
	position: absolute;
	left: 13px;
	top: 14px;
	width: 544px;
	height: 544px;
	padding: 0px;
	margin: 0px;
	z-index: 1;
}


#bloc11 {
	position: absolute;
	left: 0px;
	top: 19px;
	width: 326px;
	margin: 0px;
	padding: 0px;
	z-index: 2;
}

#legende {
	font-size: 10px;
	font-style: italic;
	text-align: left;
	margin-top: 0px;
	padding-right: 0px;
}

#bloc12 {
	padding-right: 1px;
	text-align: left;
}

#bloc2 {
	position: absolute;
	left: 340px;
	top: 33px;
	width: 597px;
	height: 597px;
	z-index: 3;
}

#bloc21 {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 525px;
	width: 216px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	z-index: 4;
}

#bloc211 {
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 5px;
	margin: 0px;
}

#bloc22 {
	position: absolute;
	left: 217px;
	top: 0px;
	padding: 5px;
	margin: 0px;
	height: 516px;
	width: 370px;
	overflow: auto;
	z-index: 5;
}

#bloc23 {
	position: absolute;
	left: 64px;
	top: 526px;
	height: 60px;
	padding: 5px;
	text-align: justify;
	line-height: 120%;
	font-size: 10px;
	z-index: 8;
}

#bloc3 {
	position: absolute;
	left: 5px;
	top: 566px;
	width: 397px;
	height: 63px;
	padding: 0px;
	margin: 0px;
	z-index: 9;
}

div#credits {
	position: absolute;
	left: 700px;
	top: 628px;
	width: 237px;
	padding: 0px;
	margin: 0px;
	z-index: 10;
}

div.illustration {
	padding: 0px;
	margin: 0px;
}

div.thumbnail {
	float: right;
	width: 58px;
	height: 58px;
	margin-left: 8px;
}

/* structures spˇcialisˇes par bloc */

#bloc21 dd {
	margin-bottom: 1.5em;
}

#bloc23 p {
	margin-top: 0px;
}

#credits p {
	text-align: right;
	font-size: smaller;
}

/*menus de navigation*/

#navigation {
	position: absolute;
	left: 13px;
	top: 14px;
	width: 555px;
	margin: 0px;
	padding: 0px;
	z-index: 10;
}

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

#navigation dl#menu1 {
    left: 0px;
}
#navigation dl#menu2 {
    left: 109px;
}
#navigation dl#menu3 {
    left: 218px;
}
#navigation dl#menu4 {
    left: 327px;
}
#navigation dl#menu5 {
    left: 436px;
}

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

#navigation dd {
}

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

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


#navigation a {
	text-decoration: none;
}

#navigation a.actu {
}

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