/* global elements */

* { margin: 0; padding: 0; }

body { background-color: #e5e4e4; font-family: Georgia, Times New Roman, serif; font-size: 14px; color: #000; }

a {color: #000;}

img { border: 0; }

.left { float: left; }

.right { float: right; }

.clear { clear: both; }

.accessibility { display: none; }


/* content elements */

h1 { font-size: 26px; color: #4d1414; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; border-bottom: 1px solid #ccc; padding-bottom: 0px; margin-bottom: 7px; }

h2 { font-size: 22px; color: #4d1414; font-weight: normal; }

	h2 a { color: #4d1414; text-decoration: none; }
	
	h2 a:hover { text-decoration: underline; }
	
	h2.neutral { color: #000; font: 18px Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; border-bottom: 1px solid #ccc; margin-bottom: 10px; }

.date { font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: #666; margin-bottom: 15px; }

	.date a { color: #666; text-decoration: none; }

.postContent { font-size: 14px; line-height: 22px; }

.post { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ccc; }

	.post.last { border-bottom: 0; }

.line { position: relative; padding-top: 30px; text-align: center; left: 2%; width: 96%; }

.spip_logos { float: right; }

.intro { margin-bottom: 15px; font-style: italic; line-height: 18px; text-align: justify; border: 3px solid #c1e8ff; color: #2e2e2e; padding: 7px; background: #f0f9ff; }

ul { list-style-type: none; font: 12px Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; }

	ul li { margin-bottom: 5px; }
	
		ul li a { text-decoration: none; }
		
			ul li a:hover { text-decoration: underline; }


/* layout */

#container { position: relative; left: 50%; width: 862px; margin-left: -431px; }

#header { position: relative; width: 862px; height: 137px; background: url(img/header_es.jpg) no-repeat; }

#header.fr { background: url(img/header_fr.jpg) no-repeat; }
	
	#header a.homelink { position: absolute; top: 20px; left: 20px; display: block; width: 100px; height: 100px; }
	
	#header #languages { position: absolute; top: 5px; right: 8px; font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; color: #9cd1ef; font-size: 12px; }
	
		#header #languages a { color: #fff; text-decoration: none; }
		
			#header #languages a.on, #header #languages a:hover { text-decoration: underline; }

#navi { position: relative; margin-top: 7px; width: 862px; height: 40px; background: url(img/bg_navi.png) repeat-x; }

#content { position: relative; top: 7px; background: url(img/bg_content_top.png) no-repeat top #fff; }

	#content #posts { float: left; width: 600px; padding-top: 12px; padding-left: 20px; }
	
	#content #sidebar { width: 224px; float: right; background: url(img/bg_sidebar.png) repeat-y right; }
	
#footer { border-top: 1px dashed #ccc; position: relative; text-align: center; padding: 10px 0; background: url(img/bg_content_bottom.png) no-repeat bottom #fff; font-size: 12px; font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; margin-top: 20px; margin-bottom: 20px; color: #666; }

	#footer a { text-decoration: none; color: #666; }
	
		#footer a:hover { text-decoration: underline; color: #000; }
	
	#footer img { vertical-align: bottom; }


/* navigation */

#navi ul { list-style-type: none; }

	#navi ul li  { float: left; display: inline; margin-bottom: 0; }

		#navi li a { display: block; font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; text-decoration: none; font-size: 15px; padding: 10px 28px 11px 28px; border-right: 1px solid #fff; }
		
			#navi li a:hover { background: url(img/bg_navi_hover.png); }
		
		#navi li a.first { background: url(img/bg_navi_first.png); }
		
			#navi li a.first:hover { background: url(img/bg_navi_first_hover.png); }
			
		#navi li a.first { background: url(img/bg_navi_first.png); }
		
			#navi li a.first:hover { background: url(img/bg_navi_first_hover.png); }
			
		#navi li.last { position: absolute; right: 0; padding: 10px 10px 0 0; height: 30px; background: url(img/bg_navi_last.png) right; border-right: 0; font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; text-decoration: none; font-size: 15px; }
		
			#navi li.last form { display: inline; }
			
			#navi li.last input { vertical-align: top; }
		
			#navi li.last input.searchField { width: 120px; margin-right: 10px; }
			

/* sidebar */

#sidebar h2 { display: block; padding-left: 40px; padding-top: 15px; padding-bottom: 5px; height: 44px; background: url(img/bg_sidebar_top.png) no-repeat top; font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; font-size: 16px; letter-spacing: 1px; }

#sidebar ul { list-style-type: none; margin-top: -18px; font-size: 14px; }

	#sidebar ul li { background: url(img/bg_sidebar_item.png) no-repeat bottom; padding-bottom: 2px; margin-bottom: 0; }
	
		#sidebar ul li a { display: block; font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; text-decoration: none; padding: 5px 0 4px 65px; background: url(img/sidebar_bullet.png) no-repeat 40px; color: #333;  }
		
			#sidebar ul li a.on { font-weight: bold; }
		
			#sidebar ul li a:hover { color: #000; background-color: #fff; }
			
		#sidebar ul li ul { margin-top: 0; background: none; }
		
			#sidebar ul li ul li { background: none; padding-bottom: 0; }
			
				#sidebar ul li ul li a { background: none; padding: 2px 0 2px 75px; font-size: 12px; }
				

/* breadcrumb */

#breadcrumb { margin-bottom: 15px; font: 11px Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; color: #333; }

	#breadcrumb a { text-decoration: none; color: #333; }
	
		#breadcrumb a:hover { text-decoration: underline; color: #000; }
		
/* document list */

.documents ul li { background: url(img/icon_acrobat.png) no-repeat left top; padding-left: 25px; }


/* language switch article */

#languageArticle { font: 12px Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; color: #666; }

/* pagination */

.pagination { font: 14px Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; color: #666; font-weight: bold; }