/* CSS Document 
/* Les propriétés héritables sont disposées sur la même colonne que leur sélecteur
/* ------------------------------------------ STYLES -------------------------------------- */
.small {
font-size: 76%;}
.cf									{display: block; margin: 1.5em auto 0.5em auto;} /* centrage: pas de réel floating */
.lf 									{float: left; margin: 0.5em 1em 0.5em 0; padding: 2px;} /* left-floating */
.rf									{float: right; margin: 0.5em 0 0.5em 1em; padding: 2px;} /* right-floating */
/*a[href^="http"]:before					{content:url(design/i_extlink.png); border: none; vertical-align: middle;}  CSS3 */
b									{font-weight: bolder;}
blockquote 							{text-align: right; margin: 1em 1em 2em 2em;
font-style:italic;}
blockquote span.author 					{display: block; font-style: normal; font-weight: bold;}
body 								{margin: 0; padding: 0; 
font-family: "Trebuchet MS", sans-serif; font-size: 100%; color: #0000FF; line-height: 1.25;}
div.ctx								{display: list-item; margin-left: 2em; 
font-weight: bold;}
div.ext 								{position: relative; float: right; width: 300px; padding: 1em 0.5em 0.5em 0.5em; margin: 0 10px 10px 10px; 
									border: 1px solid #D2A6FF; clear: both;
font-size: 76%; line-height: 1.25;}
div.ext p.title						{position: absolute; top: -0.75em; right: 0.5em; background-color: #FFFFFF; color: #D2A6FF;}
div.faq, div.more, div.test				{clear: both;
cursor: pointer;}
/* div.faq div.ctx:before					{content:url(design/i_faq.png); border: none; vertical-align: middle;} */
div.faq								{color: #990000}
div.faq div.xpd						{color: #993300}
div.faq div.ctx						{list-style-image: url(design/i_faq.png);}
div.more div.ctx						{list-style-image: url(design/i_more.png); margin-bottom: 0.5em;}
div.pfs								{position: relative; border: 1px solid #D2A6FF; padding: 1em 0.5em 0.5em 0.5em; margin: 25px 0; clear: both; 
font-size: 76%; line-height: 1.25;}
div.pfs p.title						{
	position: absolute;
	top: -0.75em;
	float: left;
	background-color: #FFFFFF;
	color: #D2A6FF;
	letter-spacing: 0.25em;
	left: 7px;
}
div.pfs div.res_title, div.pfs div.res_xpl	{font-size: 100%;}
div.res_title							{color: #9933FF; font-weight: bold; line-height: 1.2;}
div.res_title:before					{content:url(design/i_ref.png); border: none; vertical-align: middle;}
div.res_xpl							{margin-bottom: 1.5em; font-size: 76%; color: #0080FF; line-height: 1.2;}
div.test								{color: #000040;}
div.test div.ctx						{display: list-item; list-style-image: url(design/i_rsp.png); margin-left: 4em;}
div.test div.qst						{display: list-item; list-style-image: url(design/i_test.png); margin-left: 2em;
font-weight: bold;}
div.test div.rsp[truth="1"] div.xpd		{background-color: #CCFFCC;}
div.test div.xpd						{background-color: #FFD9D9; margin-left: 4em;}
div.xpd								{margin-left: 3em; display: none;}
h1, h2, h3, h4, h5, h6 {
font-family: "Trebuchet MS", sans-serif; line-height: 1; letter-spacing: 0.25em; color: #90f; clear: both;}
h1 {text-align: right; margin: 4em 0 2em; border-bottom: 2px solid; border-top: 2px solid; font-size: 176%; font-variant: small-caps;}
h2 {text-align: right; margin: 3em 0 1.5em; border-bottom: 2px solid; font-size: 135%;}
h3 {margin: 2.5em 0 1em; border-bottom: 1px solid; font-size: 125%;}
h4 {margin: 2em 0 1em; border-bottom: 1px dashed; font-size: 110%;}
h5 {margin: 2em 0 1em; border-bottom: 1px dashed; font-weight: bold;}
h6 {margin: 1em 0 0.5em; border-bottom: 1px dashed;}	
img									{margin: 0; padding: 0; border: 1px solid #D9D9FF;}
img.icon, #treeplan img 			{border: none; vertical-align: middle;}
li 									{margin-top: 0.5em; list-style: url(design/puce.png) disc;}
p 									{margin: 0 0 0.5em 0;}
span.kw 								{
text-transform: uppercase; font-size: 100%; font-weight: bold; letter-spacing: 0.1em; color: #FF00FF;}
span.kw:before							{content:url(design/i_key.png); border: none; vertical-align: middle;}
span.wo								{color: #FF3333; font-weight: bold;}
span.wo:before							{content:url(design/i_wo.png); border: none; vertical-align: middle;}
span.en								{font-style: italic;}
span.en:before							{content:url(design/i_eng.png); border: none; vertical-align: middle;}
table 								{border-collapse: collapse; border-spacing: 0 0; margin: 1em;
text-align: center;}
table.layout td 						{border: none; margin: 0; padding: 0;} /* table de mise en page */
td 									{border: 1px solid #D8B0FF; padding: 2px 5px;
vertical-align: middle;}
thead td 								{background-color: #EAD5FF;
font-weight: bold; color: #8000FF;}
/* ------------------------------------------ TOOLTIPS ------------------------------------ */
a.tt 								{position: relative; z-index: auto; border-bottom: 1px dotted #80f !important; text-decoration: none;}
a.tt[lvl="A"]							{border-color: #6600FF !important;}
a.tt[lvl="B"]							{border-color: #00FF00 !important;}
a.tt[lvl="C"]							{border-color: #CC6633 !important;}
a.tt[lvl="D"]							{border-color: #FF6600 !important;}
a.tt[lvl="E"]							{border-color: #FF0000 !important;}
a.tt span.tt 							{display: none; z-index: auto;
font-size: small; font-style: normal; text-transform: none; font-variant: normal; letter-spacing: normal; text-align: left; font-weight: normal;}
a.tt:hover 							{background-color: #FFFFFF; z-index: 2000001;} /* background-color obligatoire sous IE6 */
a.tt:hover span.tt 						{display: block; position: absolute; z-index: 2000001; top: 10px; left: 10px; width: 200px; padding: 2px 4px 4px 4px;
									background-color: #A7C5FF;
color: #8800FF; line-height: 1; cursor: pointer;}
/* ------------------------------------------ WINDOWS ------------------------------------- */
div.window							{display: none; position: fixed; width: 600px; height: 400px; left: 50%; top: 50%; margin-left: -300px; margin-top: -200px; 
									border: 1.5px outset #D9D9FF; background-color: #FFFFFF; z-index: 9999999;}
	div.close_btn						{position: absolute; right: 2px; top: 2px; height: 1em; width: 1em; border: 1px inset #FFFFFF;
									background-image:url(design/close_btn.png); background-position: center center; cursor: pointer;}
	div.close_btn img					{width: 1em; height: 1em;}
	div.title							{width: auto; padding: 2px 4px 0 10px; font-weight: bold; color: #FFFFFF; background-color: #A7D5FF;}
	div.content 						{position: absolute; top: 2em; bottom: 1px; right: 0; left: 1px; padding: 10px; overflow: auto;
	font-size: small;}
	#treeplan							{line-height: 1;}
	#treeplan a						{text-decoration: none;} 
/* ------------------------------------------ LAYOUT -------------------------------------- */
#menubar 								{position: fixed; top: 10px; left: 10px; text-align: center;
font-weight: bold; cursor: pointer;}
	#menubar div						{border: 1px solid #A7C5FF; margin-bottom: 2px; padding: 0 2px; background-color: #A7D5FF;}
	#menubar a.tt						{display: block; border-bottom-style: none !important;}
		#menu_btn						{text-transform: uppercase; font-weight: bold; letter-spacing: 5px;}
		#menu 						{visibility: visible; font-size: small; letter-spacing: 2px;}
			
#wrapper 								{width: 800px; padding: 10px 100px; margin: 0 auto;}
	#header 							{margin-bottom: 50px; font-size: small;}
		#logo 						{float: left; width: 350px; height: 75px; background-image:url(design/ap_logo.png);}
		#searchengine 					{float: right; width: 375px; margin: 10px 0 0 0;}
			#searchengine table			{margin: 0;}
		#hello	 					{clear: both; text-align: center; border-bottom: 1px solid #D7D7FF;}
	#footer							{margin: 10px 0; font-size: small; text-align: right;}				
	#content 							{height: 100%; margin: 10px 0; padding: 5px;}
		#lesson_title 					{margin: 0 0 20px 0; border: 1px solid #E8E8FF; background-color: #A7C5FF;
									text-align: center; font-size: 200%; font-variant: small-caps; letter-spacing: 0.2em; color: #FFFFFF;}
		#headline, #footline			{width: 100%; margin: 10px 0 40px 0;
									text-align: left; line-height: 1; font-weight: bold;}
		#headline img, #footline img		{margin: 2px 10px 2px 0;}
		#headline a.tt, #footline a.tt 	{border-bottom: none !important;} /* Firefox 2*/
		#headline td, #footine td		{vertical-align: top;}
		#footline #further,
		#headline #author, 
		#headline #basis,
		#headline #keywords				{vertical-align: middle;}
		#kw_list	a					{text-decoration: none; text-transform: uppercase; letter-spacing: 0.2em;}
		#kw_list span.kwi 				{font-size: larger; color: #6600FF; letter-spacing: normal; margin-right: 0.2em;}
		#introduction, #conclusion 		{font-style: italic; color: #6600FF; font-weight: bold; line-height: 1.25; margin-bottom: 30px;}
		#conclusion 					{margin-top: 30px;}
		
		.h0 							{margin-bottom: 10px; border-bottom: 1px solid; font-size: 150%; letter-spacing: 0.25em;}
		.h0 + p:first-letter 			{display: block; float: left; padding-right: 5px; font-size: 300%;}