/* CIBLO 2008 - NAVIGATION */

/* Navigation */
#navigation { float: right; width: 30.6em; padding: 3.5em 0.5em 2.5em; position: relative; }
#navigation a:hover { color: #c39; }

#navigation .header { margin-bottom: 1em;}

#navigation .header form p { float: left; }
#navigation .header form p a {
	font-size: 12px; line-height: 3em; text-decoration: underline; font-weight: normal;
}
#navigation .header form div {
	background: transparent url(../images/background_search.jpg) top left no-repeat;
	height: 3.5em; float: right; margin-bottom: 1em;
}
#navigation .header form div p {
	display: block; float: left; margin-right: 0.5em;
}
#navigation .header form label { font-size: 12px; font-weight: bold; }
#navigation .header p.fields input { width: 10em; }
#navigation .header p.fields { padding: 1em;}
#navigation .header p.submit input { 
	background: url(../images/btn_ok.png) top center no-repeat; 
	width: 2.7em; height: 2.3em; border: 0 solid transparent;
	font: bold 12px Arial, Helvetica, sans-serif; color: #fff;
	margin-top: 0.4em;
}

#feeder { float: right; padding-right: 2em; position: relative; } /* Fix IE6 */
#feeder a { 
	background: url(../images/btn_rss.png) top center no-repeat; 
	display: block; height: 6em; width: 6em; padding-bottom: 1em;
} 
p#feeder span { display: none; }

#navigation div.content {
	background-color: #f9f7f3; padding-top: 0.1em; clear: both;
	position: relative; /* Fix IE6 */
}
#navigation div.content img { position: relative; } /* Fix IE6 */

#navigation h2.title, #navigation h3.title {
	clear: both; font-weight: bold; font-size: 12px; color: #333;
	background-color: #efede9; padding: 0.3em 2em;
}
#navigation div.text { font-size: 12px; padding: 1em 2em 3em; }
#navigation div.text p { margin: 0.5em 0; }


/* Homepage > News */
div#news h2 { font: normal 14px Arial, Helvetica, sans-serif; line-height: 4em;}
#news h2 a { color: #cc3399; font-weight: bold; }

#news h3 { clear: both; }
#news h3 a { font-weight: bold; font-size: 11px; color: #000; }
#news h3 a:hover { color: #c39; }

#news { font-size: 11px; margin: 3em 2em; }
#news div.newsItem {
	border-bottom: 1px dotted #333; clear: both; padding: 1em 0;
}
#all #news div.first { border-top: none; clear: none; }

#navigation p.references { font-style: italic; color: #999; }

a.archives { 
	font-weight: bold; font-size: 12px; color: #333; text-decoration: underline;
	background: url(../images/homepage_19.png) bottom right no-repeat;
	padding-right: 2.5em; line-height: 3em;
}
a.archives:hover { color: #76a31e; }

/* Categories */
#subCategories { font-size: 12px; margin: 1em 0 2em 3em; }
#subCategories li { list-style-type: square; }
#subCategories li a { text-decoration: underline; }
#subCategories li.active a { color: #c39; }

/* Homepage adds */
div#adds { padding: 2em; }
div.book { margin-bottom: 1em; clear: both; }
div.book a { font-size: 11px; }
div.book a:hover { color: #3897e0; }
div.book a.couverture {
	float: left; padding: 0 1em 0.3em 0;
	position: relative; /* Fix IE 6 */
}

/* Quotes */
#quotes { font-size: 12px; padding: 0 1.5em 1.5em; }
.quoteItem { border-top: 1px dotted #333; padding: 1em 0; }
#quotes .first { border-top: none; }
.quoteItem .employee {
	background: transparent url(../images/quote_bg_green.gif) 5em bottom no-repeat;
	padding-bottom: 1.5em; color: #333;
}
.quoteItem .employee img {
	float: left; width: 4em; height: 4em; border: none;
}
.quoteItem .employee p { margin-left: 7em; }
.quoteItem .employee p.fullname { font-weight: bold; padding-top: 0.5em; }
.quoteItem .quote { padding: 0.5em 1.5em 1.5em; background-color: #eff0c0; }
#quotes .green .employee { background-image: url(../images/quote_bg_green.gif); }
#quotes .green .quote { background-color: #eff0c0; }
#quotes .blue .employee { background-image: url(../images/quote_bg_blue.gif); }
#quotes .blue .quote { background-color: #dfe8e5; }


/* Tips */
#tips { clear: both; }
#tips h3 {
	background: #f9f7f3 url(../images/slot.png) 5px bottom no-repeat;
	font-size: 13px; padding: 0.5em 0 0.5em 2.5em;
}
#tips .tipAll {
	position: relative; padding: 10px 15px 15px;
	background: transparent url(../images/back_col_right.png) center bottom no-repeat;
}
#tips .clip {
	position: absolute; top: -5px; right: 13px; width: 33px; height: 77px;
	background: transparent url(../images/clip.gif) center center no-repeat;
}
#tips .tipContent {
	font: normal 12px Courier, 'Courier New', Arial, monospace;
	background: #fbfaf0 url(../images/tips_content_bg.gif) center bottom no-repeat;
	padding: 1em 40px 72px 1em;
}
#tips .tipFooter {
	font-size: 11px;
	background: transparent url(../images/rails_ciblo.png) right center no-repeat;
	margin: 1em 1em 0; padding-right: 50px;
}

a.callToAction { 
  float: left;
  width: 12.5em; 
  line-height: 2.8em; 
  background: transparent url(../images/bg_contact.png) top left no-repeat; 
  font-size: 13px;
  font-weight: bold;
  padding-left: 2em;
}
div.offset { padding: 2em 0 0 1em; }