#list1, #list5, #list6 {
	width: 493px;
	margin:  0;
	padding: 0;
}
#list1 h2 {
	border-bottom:4px solid #e09e19;
	color:#48412d;
	cursor:pointer;
	display:block;
	font:bold 18px/24px Georgia, "Times New Roman", Times, serif;
	margin:20px 0 4px 0;
	padding:0 0 5px 0;
	text-decoration: none;
	width:493px;
}
#list1 h2:hover, #list1 h2.selected { border-bottom:4px solid #e09e19; }
#list1 h2.lecture1:hover { color: #0084c3; }
#list1 h2.lecture2:hover { color:#55a533; }
#list1 h2.lecture3:hover { color:#ee741c; }
#list1 h2.annexes:hover { color:#6150a3; }
#list1 h2.lecture1.selected { color:#0084c3; }
#list1 h2.lecture2.selected { color:#55a533; }
#list1 h2.lecture3.selected { color:#ee741c; }
#list1 h2.annexes.selected { color:#6150a3; }

div.item {
	background:#fff;
	border: 1px solid #ebe9e4;
	margin:0 0 10px 0;
	padding:10px;
	width:471px;
}

#list2, #list3, #list4 {
	width: 471px;
	margin:  0;
	padding: 0;
}
#list2 h3, #list3 h3, #list4 h3 { 
	background:#0084c3;
	border:1px solid #fff; 
	color:#fff; 
	cursor:pointer;
	font-size:14px; 
	font-weight:bold; 
	height:24px; 
	line-height:24px; 
	padding:0 10px; 
	margin:20px 0 10px 0;
	width:449px;
}
#list2 h3.selected, #list2 h3:hover, #list3 h3.selected, #list3 h3:hover, #list4 h3.selected, #list4 h3:hover { background:#fff; }

div.ss_item { padding:2px 0 2px 11px; width:460px; }

div.pdf { display:inline; float:left; margin:0 20px 15px 0; width:130px; }
div.pdf p { color:#48412d; font-size:11px; line-height:14px; margin:2px 0; width:130px; }
div.pdf p a { color:#48412d; }

div.item_pdf { width:471px; }
div.item_pdf img {}
div.item_pdf div.text { display:inline; float:left; width:345px; }
div.item_pdf div.text h4 { font-size:12px; margin:0; }
div.item_pdf div.text p { margin:0; }

#list2 h3 { background:#0084c3; }
#list3 h3 { background:#55a533; }
#list4 h3 { background:#ee741c; }

#list2 h3:hover, #list2 h3.selected { border:1px solid #0084c3; color:#0084c3; }
#list3 h3:hover, #list3 h3.selected { border:1px solid #55a533; color:#55a533; }
#list4 h3:hover, #list4 h3.selected { border:1px solid #ee741c; color:#ee741c; }

#list2 a.link_img { display:block; border:3px solid #fff; width:100px; }
#list2 a.link_img:hover { border:3px solid #0084c3; }
#list3 a.link_img { display:block; border:3px solid #fff; width:100px; }
#list3 a.link_img:hover { border:3px solid #55a533; }
#list4 a.link_img { display:block; border:3px solid #fff; width:100px; }
#list4 a.link_img:hover { border:3px solid #ee741c; }
a.link_img_annexes { display:block; border:3px solid #fff; width:100px; }
a.link_img_annexes:hover { border:3px solid #6150a3; }

a.link_img { display:block;float:left; border:3px solid #fff; margin:0 20px 0 0; width:100px; }
a.link_img:hover { border:3px solid #48412d; }


/************************************/
/*           L'ATLAS                */
/************************************/
#list5 h2, #list6 h2 {
	border-bottom:4px solid #e09e19;
	color:#48412d;
	cursor:pointer;
	display:block;
	font:bold 14px/18px Georgia, "Times New Roman", Times, serif;
	margin:20px 0 4px 0;
	padding:0 0 5px 0;
	text-decoration: none;
}
#list5 h2:hover, #list5 h2.selected, #list6 h2:hover, #list6 h2.selected { border-bottom:4px solid #e09e19; }
#list5 ul, #list6 ul { margin:10px 0;}
#list5 ul li, #list6 ul li { background:url(/images/observation/common/puces/bullet_black.png) 0 6px no-repeat; margin:5px 0; padding:0 0 0 12px; }
#list5 ul li a, #list6 ul li a { display:inline; }

/************************************/
/*   L'ATLAS : les 11 vignettes     */
/************************************/
#list7 {
	width:780px;
	margin:0;
	padding:0;
}
#list7 div.item {
	width:758px;
}
#list7 h2 {
	border-bottom:2px solid #e09e19;
	color:#e09e19;
	cursor:pointer;
	display:block;
	font:bold 12px/16px Georgia, "Times New Roman", Times, serif;
	margin:10px 0 4px 0;
	padding:0 0 2px 0;
	text-decoration: none;
}
#list7 h2:hover, #list7 h2.selected { border-bottom:2px solid #000; color:#000; }
#list7 img.illustr_left { float:left; margin:0 15px 0 0; }
#list7 img.illustr_right { float:right; margin:0 0 0 15px; }
