#header {
			display: block;
			padding-top: 10px;
			margin-left: 165px;
			width: 430px;
			padding-bottom: 32px;
			background: url("../Images/ScrLeftRight.GIF") no-repeat center bottom;
}

#header p.citation {
			font-family: "Times New Roman", Tahoma, Verdana, Arial, Helvetica, Geneva;
			font-style: italic;
			font-size: 13px;
			line-height: 2em;
}

#header p.auteur {
			text-align: right;
}
			
#illustration {
			display: block;
			float: right;
			width: 350px;
			-moz-box-shadow: 8px 8px 12px black;
			-webkit-box-shadow: 8px 8px 12px black;
			box-shadow: 8px 8px 12px black;
}

#illustration p {
			text-align: center;
			font-weight: bold;
}

#illustration iframe {
			width: 345px;
			overflow: hidden;
}

#sujet {
			width: 630px;
			margin-left: 165px;
}

#sujet h2 {
			float: none;
			margin-left: 0px;
			background-color: #ffe9cc;
			-moz-border-radius: 5px;
			border-radius: 5px;
			-moz-box-shadow: 4px 4px 6px rgb(57, 57, 57); 
			-webkit-box-shadow: 4px 4px 6px rgb(57, 57, 57); 
			box-shadow: 4px 4px 6px rgb(57, 57, 57);
}

#sujet h3 {
			margin-left: 10px;
			font-size: 12px;
			font-weight: normal;
			text-decoration: underline;
}

#sujet p, pre {
			text-align: justify;
			margin-left: 10px;
}

#sujet p.h3 {
			margin-left: 20px;
}

#sujet ul {
			margin-left: 20px;
			list-style-type: square;
}

#sujet ul li {
			text-align: justify;
			margin-left: 10px;
}


#sujet img.thumb, img.small, img.left, img.large {
			float: left;
			clear: left;
			margin: 0 10px 0px 10px;
}

#sujet img.left {
			-moz-box-shadow: 8px 8px 12px black;
			-webkit-box-shadow: 8px 8px 12px black;
			box-shadow: 8px 8px 12px black;
}

#sujet img.right {
			float: right;
			margin: 0 0 0 5px;
}

#sujet .spacer {
			clear: left;
}

#submenu {
			clear: right;
			background: rgb(189, 189, 214) url("../Images/toilebleue.JPG") repeat-y top left;
			margin-top: 10px;
			padding-bottom: 30px;
}

#submenu p {
		margin-bottom: 6px;
		padding-left: 3px;
		font-weight: bold;
}

#submenu a {
		display: block;
		margin: 2px 0px 5px 0px;
		padding-left: 22px;
		font-size: 11px;
		text-decoration: none;
}

#submenu a:hover {
		background: #ffe9cc;
		color: black;
		text-decoration: none;
}

#submenu a.current {
		color: black;
		text-decoration: none;
		background: #ffe9cc url("../Images/smallleftarrow.GIF") no-repeat top left;
}

#submenu .thumbs {
		font-size: 12px;
		text-align: center;
}

#submenu .thumbs a {
		margin: 0;
		padding: 0;
}