/*
*	Pour la HOME
*
*/


/* section du web directory */

.webDirOnRight
{
	float: right;
	width: 260px;
}

.webDirOnLeft
{
	float: left;
	width: 260px;
}

.webDirOnRight p, .webDirOnLeft p
{
	margin: 0px;
	height: 45px;
}

/* section des News */

.newsItem
{
	margin: 0px 0px 25px 0px;
	line-height: 2.8ex;
}

.newsDate
{
	color: #000;
	font-weight: bold;
}

.newsTitle
{
	color: #007FB9;
	font-weight: bold;
}

.newsExtract
{
	display: block;
	margin: 0px;
}

.newsRelatedLinks, .eventsRelatedLinks
{
	color: #999;
	display: block;
	margin: 5px 0px 0px 0px;
}

.newsRelatedLinks a, .eventsRelatedLinks a
{
	font-style: italic;
	font-weight: bold;
	color: #777;
	font-size: 0.95em;
}


/*
*	Pour les autres pages
*	-> Listing
*/


#titleSpan
{
	float: right;
	padding: 6px 0px 0px 0px;
}

.newItem, .updatedItem
{
	color: #3A3;
}

.relevanceItemPourcentage
{ 
	color:#666;
	float: left;
}

.relevanceItem
{
	width:60px; 
	height:3px; 
	border:1px solid #666; 
	padding:1px;
	float: left;
	margin: 6px 10px 0px 0px;
}

.relevanceItem .ligne1
{
	height:3px;
	background-color:#3A3;
}

#searchInOther
{
	padding: 20px 0px 12px 0px;
}

#searchPages
{
	padding: 20px 0px 12px 0px;
}

/* web directory */

#main ol
{
	padding: 0px 0px 0px 40px;
}

#main ol li
{
	margin: 22px 0px 0px 0px;
	line-height: 2.8ex;
}

.webDirCat
{
	padding: 22px 0px 0px 18px;
	background: url(/inc/ihm/imgs/webdir.png) no-repeat 0px 24px;
}

.webDirItemName
{
	display: block;
	font-style: bold;
}

.webDirItemName a
{
	font-size: 1.3em;
	font-weight: bold;
}

.webDirItemDescription, .eventsDirItemDescription
{
	display: block;
}

.webDirItemInfo, .eventsDirItemInfo
{
	display: block;
	color: #333;
}

/* events */

.eventsDate
{
	font-weight: bold;
	font-size: 1.1em;
	letter-spacing: 1px;
	margin: 25px 0px 0px 0px;
	color: #333;
}

.eventsPlace
{
	color: #333;
	font-size: 1em;
	font-style: italic;
	font-weight: bold;
}

.eventsCompany
{
	color: #333;
	font-size: 0.95em;
	font-weight: bold;
}

/* News */

#infoNewsList
{
	float: left;
	padding: 10px 0px 0px 0px;
}

#boxesListPage
{
	float: right;
	width: 220px;
	margin: 20px 8px 10px 12px;
}

/*
*	Pour les autres pages
*	-> Detail
*/

#pictoSendToFriend
{
	display: block;
	float: right;
	width: 14px;
	height: 14px;
	background: url(/inc/ihm/imgs/send_friend.png) no-repeat 0px 2px;
	padding: 0px 6px 0px 4px;
}

#pictoContact
{
	display: block;
	float: right;
	width: 14px;
	height: 15px;
	background: url(/inc/ihm/imgs/contact_mail.png) no-repeat 0px 3px;
	padding: 0px 4px 0px 0px;
}

#pictoWebSite
{
	display: block;
	float: right;
	width: 24px;
	height: 14px;
	background: url(/inc/ihm/imgs/site_web.png) no-repeat 0px 3px;
	padding: 0px 6px 0px 2px;
}

#pictoPrint
{
	display: block;
	float: right;
	width: 14px;
	height: 15px;
	background: url(/inc/ihm/imgs/print.png) no-repeat 0px 1px;
	padding: 0px 6px 0px 0px;
}

#pictoComment
{
	display: block;
	float: right;
	width: 14px;
	height: 14px;
	background: url(/inc/ihm/imgs/comment.png) no-repeat 0px 2px;
	padding: 0px 4px 0px 0px;
}

#pictoAddComment
{
	display: block;
	float: right;
	width: 14px;
	height: 14px;
	background: url(/inc/ihm/imgs/addcomment.png) no-repeat 0px 0px;
	padding: 0px 6px 0px 0px;
}

#pictoSendToFriend, #pictoContact, #pictoWebSite, #pictoPrint, #pictoComment, #pictoAddComment
{
	padding: 0px 6px 0px 5px;
}

#pictoSendToFriendLink, #pictoContactLink, #pictoWebSiteLink, #pictoPrintLink, #pictoCommentLink, #pictoAddCommentLink
{

}

* html #pictoSendToFriendLink, * html #pictoContactLink, * html #pictoWebSiteLink, * html #pictoPrintLink, * html #pictoCommentLink, * html #pictoAddCommentLink {  }

#bottomRelatedLink
{
	border: 1px solid #EEE;
	border-width: 1px 0px;
	padding: 5px 0px 5px 0px;
	margin: 30px 0px 20px 0px;
}

#formComments
{
	border: 1px solid #EEE;
	margin: 0px;
}

#feedSearch
{
	margin: 6px 0px;
}

#formComments input, #formComments textarea,  #formComments select, #feedSearch input
{
	border: 1px solid #95A7B1;
	margin: 0px;
	font-size: 0.95em;
	padding: 2px;
}

* html #formComments textarea { width: 320px; }

#formComments label
{
	font-weight: bold;
	padding: 0px 10px;
}

#formComments ol
{
	padding: 5px 0px 10px 20px;
}

#formComments ol li
{
	margin: 2px 0px 0px 10px;
	list-style-type: decimal;
	font-size: 0.9em;
}

#dateDetail
{
	margin: 0px 0px 32px 0px;
	padding: 0px;
	color: #333;
	font-size: 0.95em;
}

.h2Detail, .h2DetailTitre
{
	font-size: 1.4em;
	color: #333;
	font-weight: bold;
	text-align: left;
	letter-spacing: 1px;
	margin: 25px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

.h2Detail span, .h2DetailTitre span
{
	font-size: 0.8em;
	font-weight: normal;
	color: #333;
	float: left;
}

.h2Detail span a, .h2DetailTitre span a
{
	color: #004F89;
}

#otherNewsBox, #otherEventsBox
{
	width: 220px;
	border: 1px solid #CCC;
	background: #EEE;
	font-size: 0.9em;
	padding: 3px 5px 5px 5px;
}

#otherEventsBox
{
	float: right;
	padding: 5px;
	margin: 2px 0px 10px 20px;
}

#otherNewsBoxTitle, #otherEventsBoxTitle
{
	display: block;
	font-size: 1.3em;
}

#otherNewsBoxCompagnyName
{
	display: block;
	font-size: 1.2em;
	color: #333;
	padding: 0px 0px 3px 0px;
	border: 0px;
	border-bottom: 1px solid #DDD;
}

#otherNewsBoxSeeAllNews
{
	margin: 0px 0px 3px 0px;
	padding: 3px 0px 0px 0px;
	border: 1px solid #DDD;
	border-width: 1px 0px 0px 0px;
	font-size: 1.1em;
}

.newsDetail, .jobDetail, .eventDetail
{
	text-align: justify;
	word-wrap: break-word;
}

.newsDetail p
{
	text-align: justify;
}

#infoNewsDetail
{
	padding: 10px 0px 0px 0px;
}

#infoEventDetail
{
	padding: 22px 0px 0px 0px;
}

#infoNewsDetail span, #infoJobDetail span, #infoEventDetail span
{
	display: block;
}

#boxesDetailPage
{
	float: right;
	width: 220px;
	margin: 2px 8px 10px 12px;
}

#infoCompagny, #infoJobDetail
{
	width: 220px;
	border: 1px solid #CCC;
	background: #FFF;
	font-size: 0.95em;
	padding: 0px 5px 5px 5px;
	margin: 0px 0px 10px 0px;
	color: #333;
}

#infoJobDetail
{
	float: right;
	margin: 2px 8px 10px 12px;
	background: #EEE;
}

#infoCompagny td, #infoJobDetail td
{
	text-align: left;
	padding: 4px 0px 0px 0px;
}

.comments
{
	margin: 22px 0px 0px 0px;
	background: #EEE;
	text-indent: 6px;
}

.comments span
{
	display: block;
	border: 1px dashed #CCC;
	padding: 5px;
	background: #FFF;
	text-indent: 0px;
}



/*
*	Pour le custom feed
*
*/

#feedsBox
{
	float: right;
	width: 220px;
	border: 1px solid #CCC;
	background: #EEE;
	margin: 14px 0px 10px 20px;
	padding-bottom: 6px;
	font-size: 0.9em;
}

#feedsBox td
{
	padding: 6px 6px 0px 6px;
}

#feedsBox #yourCustomFeedLink
{
	padding: 4px 6px 6px 6px;
	border-bottom: 1px solid #DDD;
	font-size: 1.25em;
}

#feedsBox #yourCustomFeedLink a
{
	color: #036;
}

#feedsBox #yourCustomFeedLink span
{
	display: block;
	font-size: 0.8em;
	padding-top: 3px;
	color: #666;
}

#feedsBox #feedsBoxReader
{
	padding: 20px 6px 6px 6px;
	border-bottom: 1px solid #DDD;
	font-size: 1.2em;
}

#feedsBox .inYourCustomFeed
{
	padding: 6px 6px 0px 6px;
	color: #333;
}

#feedsBox .inFeedReader
{
	padding: 6px 6px 0px 6px;
}

#feedsBox .addFeed, #feedsBox .delFeed
{
	border: 1px solid #666;
	padding: 0px 2px 1px 2px;
	margin: 0px;
	font-weight: bold;
	width: 8px;
	display: block;
	color: #FFF;
	background: #69C;
}

#feedsBox .delFeed
{
	padding: 0px 2px;
	width: 7px;
}

#feedsBox .addFeed:hover, #feedsBox .delFeed:hover
{
	text-decoration: none;
	background: #CCC;
	color: #666;
}

#infoRSSfeed
{
	margin: -10px 0px 0px 0px;
	padding: 0px;
}

#infoRSSfeed span
{
	display: block;
}

.itemRSS
{
	margin: 0px 0px 25px 0px;
}

.itemRSS h3
{
	font-size: 1.2em;
	font-weight: normal;
	color: #333;
	text-align: left;
	margin: 30px 0px 3px 0px;
}

.itemRSS span
{
	font-size: 0.7em;
	font-weight: normal;
	color: #333;
	float: left;
}

.itemRSS span a
{
	color: #004F89;
}

.itemRSSdescription
{
	padding: 0px;
	margin: 22px 0px 0px 0px;
}

.itemRSSdate, .itemRSSsource
{
	color: #333;
	font-size: 0.7em;
	margin: 0px;
	padding: 0px;
}

* html .itemRSSdate, * html .itemRSSsource { font-size: 0.9em; }