.TabbedPanels{margin:0 0 50px 0;padding:0px;width:100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/}
.TabbedPanelsTabGroup{margin:0;padding:0}
.TabbedPanelsTab{position:relative;top:1px;float:left;padding:4px 20px 10px 25px;margin:0 1px 0 0;font:bold 0.8em Verdana;color:#A0BF02;list-style:none;-moz-user-select:none;-khtml-user-select:none;cursor:pointer;background:url(../images/icones/gdfleche_menupole.gif) no-repeat 0 5px}
.TabbedPanelsTab a{color:black;text-decoration:none}
	.TabbedPanelsTabHover {background:url(../images/icones/gdfleche_menupole.gif) no-repeat 0 5px;color:#A0BF02}
	.TabbedPanelsTabSelected {background:url(../images/icones/gdfleche_sommaire.gif) no-repeat 0 5px;color:#000}
.TabbedPanelsContentGroup{clear:both;margin:0;padding:0;border-top: solid 2px #000}

.TabbedPanelsContent{margin:20px 0;padding:0}
	.TabbedPanelsContent h2{margin:0 0 20px 0;padding-top:5px;font-weight:normal;font-size:1.2em;text-align:left}
		.TabbedPanelsContent h2 span{display:block;margin:0;padding:3px 0 0 0;font-size:.5em}
		.TabbedPanelsContent p.date{margin:0;padding:0;font-size:.7em;text-decoration:underline}
	.TabbedPanelsContent p{font-size:.7em;text-align:justify}
	
#list3 {margin:0;width:100%;text-align:left;font-size:1em}
#list3 .deroulant div {padding:10px;font-size:.7em}
#list3 .deroulant div ul {font-weight:bold;}
#list3 div.selected {border-right:1px dotted #A0BF02;border-left:1px dotted #A0BF02}
#list3 div.title{padding:10px;cursor:pointer;color:#333;border-top:1px dotted #A0BF02}
	#list3 div.title span.prom_nat{display:block;background:url(../images/icones/anim_promnat_bleuet.gif) no-repeat top right}
#list3 div.title h2.calendrier_important{margin:0;padding:0;font-size:1.4em;font-weight:bold}
#list3 div.selected .title {color:#A0BF02;border-top:1px dotted #A0BF02;border-left:none;border-right:none;border-bottom:1px dotted #A0BF02}

@media print {.basic div, #navigation ul, #list2 dd, #list3 div{display: block!important; height: auto!important}}