/* ########################################
            Infos générales
########################################## */


html	   {overflow-y:scroll; min-height:1px;}
body	   {border:0; margin:0; padding:0; background:#F2F5FE url(design/bg.png) 0 0 repeat-x; 
		    font:70%/160% "verdana",sans-serif; color:#192666;}
a 		   {color:#192666; border:0; margin:0; padding:0;}
a:hover    {color:#4F6AD7;}
p 		   {border:0; margin:15px 0; padding:0;}
div 	   {display:block; border:0; margin:0; padding:0;}
#main      {width:770px; margin:20px auto 0 auto;}
#page      {width:770px; min-height:1px; background:#FFF url(design/bg_page.gif) 0 0 repeat-y;}
#page-in   {min-height:1px; padding:10px 0px 0px 0px; background:url(design/bg_page_in.jpg) 0 0 no-repeat;}
img, span  {border:0; margin:0; padding:0;}
.box 	   {min-height:1px;}
.box:after {content:"."; display:block; line-height:0px; font-size:0px; visibility:hidden; clear:both;}
ul 		   {display:block; border:0; margin:15px 0 15px 40px; padding:0;}
li 		   {display:list-item; border:0; margin:0; padding:0;}


/* ########################################
            Gros titres
########################################## */


h1, h2, h3 {border:0; margin:15px 0 10px 0; padding:0; font-weight:bold;}
h1 		   {font-size:260%; line-height:100%; font-family:"georgia",serif; font-weight:normal;}
h2 		   {font-size:170%; line-height:100%; font-family:"georgia",serif; font-weight:normal;}
h3 		   {font-size:120%; line-height:90%; font-weight:bold; text-align:center}


/* ########################################
            Header & Footer
########################################## */


#header 	  		 {position:relative; width:770px; height:100px; margin:0; padding:0; 
			   	 	  background:#233C9B url(design/header.jpg) 0 0 no-repeat; color:#FFF;}
#header #logo 		 {position:absolute; top:35px; left:35px; margin:0;}

#footer 			 {position:relative; clear:both; width:770px; height:60px; margin-bottom:20px; 
				 	  background:url(design/footer.jpg) 0 0 no-repeat; color:#6685CC;}
#footer a 			 {color:#6685CC;}
#footer a:hover 	 {color:#192666;}

#footer_2 		  	 {position:relative; clear:both; width:770px; height:60px; margin-bottom:20px; 
					  background:url(design/footer_2.png) 0 0 no-repeat; color:#6685CC;}
#footer_2 a 	  	 {color:#6685CC;}
#footer_2 a:hover 	 {color:#192666;}

#footer_3 			 {position:relative; clear:both; width:770px; height:60px; margin-bottom:20px; 
				 	  background:url(design/footer_3.png) 0 0 no-repeat; color:#6685CC;}
#footer_3 a 		 {color:#6685CC;}
#footer_3 a:hover 	 {color:#192666;}

#copyright 			 {position:absolute; top:10px; left:55px; margin:0;}
#copyright a 		 {color:#6685CC; text-decoration:none}
#copyright a:hover 	 {color:#6685CC; text-decoration:none}

#createdby 			 {position:absolute; top:10px; left:562px; margin:0; color:#8CA3D8;}
#createdby a 		 {color:#8CA3D8; text-decoration:none}
#createdby a:hover 	 {color:#8CA3D8; text-decoration:none}

#createdby_2 		 {position:absolute; top:10px; left:562px; margin:0; color:#6685CC}
#createdby_2 a 		 {color:#6685CC; text-decoration:none}
#createdby_2 a:hover {color:#6685CC; text-decoration:none}


/* ########################################
              Menu principal
########################################## */


#tabs {background:#192666; margin:0 5px; padding:10px 0 0 0; _height:1px;}

#tabs ul 	  {margin:0 10px; padding:0; list-style:none;}
#tabs ul li   {margin:0 5px 0 0; padding:0; float:left;}
#tabs ul li a {display:block; position:relative; padding:7px 15px; border:0; text-decoration:none; cursor:pointer;
			   background:url(design/tab_link.gif) 0 0 repeat-x; color:#B5C4E3; font-weight:bold;}

#tabs ul li a span.tab-l, #tabs ul li a:hover span.tab-l {position:absolute; top:0; left:0; width:8px; height:8px; 
														  background:url(design/tab_link_l.gif) 0 0 no-repeat;}
#tabs ul li a span.tab-r, #tabs ul li a:hover span.tab-r {position:absolute; top:0; right:0; width:8px; height:8px; 
														  background:url(design/tab_link_r.gif) 100% 0 no-repeat;}

#tabs ul li a:hover 		   {background:url(design/tab_hover.gif) 0 0 repeat-x; color:#FFF;}
#tabs ul li a:hover span.tab-l {background:url(design/tab_hover_l.gif) 0 0 no-repeat;}
#tabs ul li a:hover span.tab-r {background:url(design/tab_hover_r.gif) 100% 0 no-repeat;}

#tabs ul li#active a 			{background:#FFF; color:#FF9000;}
#tabs ul li#active a span.tab-l {position:absolute; top:0; left:0; width:8px; height:8px; background:url(design/tab_active_l.gif) 0 0 no-repeat;}
#tabs ul li#active a span.tab-r {position:absolute; top:0; right:0; width:8px; height:8px; background:url(design/tab_active_r.gif) 100% 0 no-repeat;}


/* ########################################
                  Contenu
########################################## */


#content   {float:left; width:530px; margin:0; padding:0 0 0 20px;}

#content .article 		  {clear:both; margin:0; padding:20px 20px 20px 20px; background:url(design/content_article_bg.jpg) 0 0 no-repeat;}
#content .article h2 	  {margin:0 -20px; padding:10px; background:#DEE5FD url(design/content_title_bg.gif) 0 0 repeat-y; color:#192666; text-align:center;}
#content .article p 	  {text-align:justify; padding-top:4px; font:100%/155% "verdana",sans-serif; color:#192666;}

#content .btn-more 		   {margin:20px 0 25px 0; padding:0; border:0; position:relative;}
#content .btn-more a 	   {display:block; position:absolute; top:10; right:95px; width:272px; height:21px; margin:0; padding:0 0 0 28px; 
							background:url(design/btn_1.png) 0 0 no-repeat; color:#FFF; text-decoration:none; text-align:center}
#content .btn-more a:hover {background:url(design/btn_2.png) -0px 0 no-repeat;}

#content .sources 		  {clear:both; margin:0; padding:20px 20px 10px 20px; background:url(design/content_article_bg.jpg) 0 0 no-repeat;}
#content .sources h2 	  {margin:0 -20px; padding:10px; background:#DEE5FD url(design/content_title_bg.gif) 0 0 repeat-y; color:#192666; text-align:center;}
#content .sources p 	  {text-align:justify; padding-top:4px;}
#content .sources a 	  {display:block; padding:1px 0 2px 24px; text-decoration:none; background:url(design/ico_links.gif) 4px 5px no-repeat;}
#content .sources a:hover {background-color:#D3DFF8; color:#192666;}

#content .dynasties 		{clear:both; margin:0; padding:20px 20px 10px 20px; background:url(design/content_article_bg.jpg) 0 0 no-repeat;}
#content .dynasties h2 	    {margin:0 -20px; padding:10px; background:#DEE5FD url(design/content_title_bg.gif) 0 0 repeat-y; color:#192666; text-align:center;}
#content .dynasties p 	    {text-align:center; padding-top:4px;}
#content .dynasties a 	    {display:block; padding:2px 0 2px 24px; text-decoration:none; background:url(design/ico_links.gif) 4px 6px no-repeat; border-bottom:2px solid #D3DFF8;}
#content .dynasties a:hover {background-color:#D3DFF8; color:#192666;}

#content-2 {float:left; width:730px; margin:0; padding:0 0 0 20px;}

#content-2 .sources 		{clear:both; margin:0; padding:20px 20px 10px 20px; background:url(design/content_sources_bg.png) 0 0 no-repeat;}
#content-2 .sources h2 		{margin:0 -20px; padding:10px; background:#DEE5FD url(design/content_title_bg_2.gif) 0 0 repeat-y; color:#192666; text-align:center;}
#content-2 .sources p 		{text-align:justify; padding-top:4px;}
#content-2 .sources a 		{display:block; padding:2px 0 2px 24px; text-decoration:none; background:url(design/ico_links.gif) 4px 6px no-repeat;}
#content-2 .sources a:hover {background-color:#D3DFF8; color:#192666;}


/* ########################################
              Colonne droite
########################################## */


#col 	{float:left; width:200px; margin:0; padding:0; background:#CEDBF9 url(design/col_bg.gif) 0 0 repeat-y;}
#col-in {padding:20px 10px; background:url(design/col_top.gif) 0 0 no-repeat;}
#col h3 {padding:13px 15px 14px 15px; margin:0 -10px 15px -10px; background:#A0B9F3 url(design/col_title_bg.gif) 0 0 repeat-y; color:#192666;}

#col #armoiries {margin-bottom:15px; line-height:130%;}

#col ul#connexes			{margin:15px 0; padding:0; list-style:none;}
#col ul#connexes li 		{margin:0; padding:0; border-bottom:1px solid #E0E8FA;}
#col ul#connexes li a 		{display:block; padding:3px 0 3px 22px; background:url(design/ico_links.gif) 5px 6px no-repeat; text-decoration:none;}
#col ul#connexes li a:hover {background-color:#DEE5FD; color:#192666;}

#col-2 		{float:left; width:730px; margin:0; padding:0 0 0 20px;}
#background {background:#CEDBF9 url(design/col_bg_2.gif) 0 0 repeat-y;}
#liste 		{padding:20px 10px; background:url(design/col_top_2.gif) 0 0 no-repeat;}
#col-2 h3   {padding:13px 15px 14px 15px; margin:0 -10px 15px -10px; background:#A0B9F3 url(design/col_title_bg_2.gif) 0 0 repeat-y; color:#192666;}

table td 		 {text-align:center}
table td p 		 {padding-top:1px;}
table td a 	   	 {display:block; text-decoration:none; color:#192666; margin-top:2px;}
table td a:hover {background-color:#DEE5FD; color:#192666;}