/*structure */

body {
	font-family: "lucida grande", arial, sans-serif;
	font-size: 11px;
	text-align: left;
}

p {
	text-align: justify;
}

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

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

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

h5 {
	margin: 0.8em 0em 0.2em 0em;
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
	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 {
}

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

dd {
	margin-left: .7em;
	margin-top: 0.4em;
	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;
}

a.url {
	text-decoration: none;
	font-style: italic;
}

.lien_description {
	font-style: normal;
}

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

h3 .ouvrage, h3 .film, h3 em {
    font-style: normal;
}

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

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

.special {
}

.animateur {
	font-style: italic;
}

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

.personne {
	font-variant: normal;
}


.date {
}

.lieu {
}

.categorie {
	font-style: italic;
}

.centrer {
	text-align: center;
}


/*Dfinition 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: 324px;
	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: 600px;
	height: 600px;
	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: 373px;
	overflow: auto;
	z-index: 5;
}

#bloc23 {
	position: absolute;
	left: 64px;
	top: 526px;
    width: 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: 600px;
	top: 628px;
	width: 340px;
	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 spcialises par bloc */

#bloc12 h2 {
	margin-top: 0.6em;
}

#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;
	margin: 0px;
	padding: 0px;
	z-index: 10;
}

#navigation dl {
    margin: 0px;
    width: 105px;
	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, #navigation dl.fsville {
	border-right: 1px solid;
	border-bottom: 1px solid;
}

#navigation dd {
}

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

#navigation li {

}

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

#navigation a {
	text-decoration: none;
}

#navigation a:after {
	content: "";
}

#navigation a.actu {
}

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

/*search*/
#search {
	position: absolute;
	left: 557px;
	top: 14px;
	margin: 0px;
	padding: 0px;
	z-index: 9;
}
#search_form {
	margin: 0px;
	padding: 0px;
}

#search_text {
	font-family: arial, sans-serif;
	font-size: smaller;
	border: solid 0px;
	height: 15px;
	margin: 0px;
	padding: 0px;
	float: left;
}
#search_ok {
	border: 0 none;
	color: transparent;
	cursor: pointer;
	height: 15px;
	width: 15px;
	left: 5px;
	margin: 0px;
	overflow: hidden;
}
.search_results + .search_results:before {
	content: "***";
	display: block;
	padding: 1em 0 1em 49%;
	font-size: larger;
}