/*------------------------------------------------------------------

[News Stylesheet] -> News layout spec



Project:	Brainsonic Website

Version:	2.0

Author:		JC "GoOz" Pagnon

URI:		www.brainsonic.com

-------------------------------------------------------------------*/

/*------------------------------Bandeau ---------------------------*/

.panel {

	height: 161px;

}

div.panel .describe {

	height: 100%;

	background-color: black;

	opacity: 0.8;

	filter: alpha(opacity=80);

	-moz-opacity: 0.8; 

	width: 250px;

    margin: 0;

    padding: 0;

	float: right;

	color: white;

	position: relative;

	line-height: 2em;

	overflow: hidden;

}

div.panel h2 {

	padding: 15px 0 10px 0;

	margin: 0 15px;

}

div.panel#recrutements {

	background-image: url(../images/focusRecrutements.jpg);

}

div.panel#WP {

	background-image: url(../images/focusWP.jpg);

}

div.panel#presse {

	background-image: url(../images/focusPresse.jpg);

}

div.panel#news {

	background-image: url(../images/focusNews.jpg);

}

div.panel#livresblanc {

	background-image: url(../images/focusLivreBlanc.jpg);

}

div.panel#evenements {

	background-image: url(../images/focusEvenements.jpg);

}



/*------------------------------Content Basics---------------------------*/

.dotted {

	background: url(../images/dot.gif) repeat 0 0;

	overflow: hidden;

	width: 100%;

	height: 18px;

}

.thin {

	height: 9px;

}

.column {

	width: 190px;

	min-height: 500px;

	height: auto;

	float: left;

	display: inline;

}

.tiny {

	position: relative;

	background: url(../images/dot.gif) repeat 0 0;

}

.hq {

	width: 503px;

	background: none;

	padding: 0 19px;

}

.hq #breadcrumbs {

	margin-bottom: 20px;

}

.right {

	width: 250px;

	float: right;

	background: url(../images/dot.gif) repeat 0 0;

}

.mainContent {

	width: 691px;

	padding: 0 20px;

}

.mainContent h1 {

	margin-top: 20px;

}

#newsDetail h1 {

	padding-bottom: 1px;

}

#contentDetail h2 {

	clear: left;

}

ol {

	border: 1px solid #e2e2e2;

	padding: 1px;

	margin: 10px 0 20px;

}

ol li {

	/*min-height: 82px;*/

	padding: 10px 5px;

	width: 98.5%;

}

ol li.odd {

	background: #dcdcdc url(../images/bgNewsOdd.png) repeat-x 0 0;

}

ol li img {

	float: left;

	display: inline;

	margin: 5px 10px 10px 0;

	border: 1px solid #e2e2e2;

}

ol li .date {

	float: left;

}

.more {

	background: #e1e1e1 url(../images/bgRadiusMore.gif) no-repeat top right;

	padding: 0 5px 0 0; 

	float: right;

	width: 100px;

}

.odd .more {

	background: white url(../images/bgRadiusMoreWhite.gif) no-repeat top right;

}

.more span {

	padding: 0 3px;

	margin-right: 2px;

}

#pagination {

	text-align: center;

	margin: 20px 0;

}

#rssLnk {

	padding-bottom: 20px;

}



/* Recrutement page specifities */

ol li {

	position: relative;

}

ol li div {

	width: 90%;

}

.postuler {

	width: 20%;

	text-align: center;

	position: absolute;

	top: 40%;

	right: 0;

}

.postuler a {

	padding: 5px 10px;

}

.intro, .asterisk {

	margin: 11px 0;

}

/* Detail page specifities */

#contentDetail {

	padding-left: 7px;

}

#contentDetail p {

	margin: 12px 0;

}

#contentDetail h1,

#contentDetail h2,

#contentDetail h3,

#contentDetail h4,

#contentDetail h5 {

	margin: 20px 0 10px;

}

#contentDetail ol,

#contentDetail ul,

#contentDetail li {

	margin: 10px 0;

}

#contentDetail ol,

#contentDetail ul {

	padding: 0 0 0 50px;

	list-style-position: inside;

}

#contentDetail ol {

	list-style-type: decimal;

}

#contentDetail ul {

	list-style-type: square;

}

#contentDetail div.img {

	float: right;

	clear: both;

	margin: 10px 0 10px 20px;

	width: 263px;

}

#contentDetail div.img span {

	display: block;

	padding-bottom: 1px;

}

#contentDetail .cover {

	float: left;

	margin: 2px 20px 20px 0;

}

#contentDetail ul.chapters {

	padding-left: 0;

}

.citation {

	width: 237px;

	padding: 10px 13px 10px;

	position: relative;

	float: left;

	display: inline;

	margin: 25px 20px 20px 0;

	clear: both;

}

.citation p {

	margin: 0 0 10px;

}

.citation img {

	position: absolute;

}

.citation .quoteLeft {

	top: -10px;

	left: 13px;

}

.citation .quoteRight {

	bottom: -10px;

	right: 13px;

}



				/* Sidebar more */

/*----------------Contact---------------*/

#contactLink {

	text-align: center;

	margin: 2px 0;

}

/*----------------NewsReader---------------*/

#newsReader {

	padding: 0 0 10px;

	background: white url(../images/bgContentTop.png) repeat-x 3px -2px;

	margin-bottom: 20px;

}

#newsReader h2 {

	margin: 3px 0 0 12px;	

}

#newsReader ul {

	margin-bottom: 20px;

	padding: 0 12px;

}

#newsReader li {

	margin: 10px 0;

}

#newsReader p {

	background: transparent url(../images/puce2.gif) no-repeat 0 6px;

	padding: 0 0 0 10px;

	}

#newsReader p.date, #newsReader p a {

	background: none;

}

#newsReader p a {

	display: block;

}

#newsLinks { 

	padding:0 10px 0 23px;

}

/*----------------Newsletter----------------*/

#newsletter {

	width: 144px;

	height: 190px;

	background: url(../images/bgNewsletterPages.png) no-repeat 0 0;

	padding: 12px;

	position: absolute;

	bottom: 23px;	

	left: 11px;

}

.tiny .dotted {

	width: 176px;

	position: absolute;

	bottom: 5px;	

	left: 7px;

}

#newsletter h2 {

	margin-bottom: 45px;

}

#newsletter p.formInputs {

	text-align: right;

	margin-top: 5px;

	padding-right: 10px;

}