/* -------------------------------------------------------------- 
	
	* screen.css - EPG
 
	* @type:    Screen
	* @langue:  Commun
	* @year:    2009
	* @author:  CyberGénération
	* @note:    
	
--------------------------------------------------------------- */
	

		
/* Default setting.
--------------------------------------------------------------- */  
	
	body { 	
		  font-family: Arial, Helvetica, sans-serif;	
		  font-size: 12px;
		  color: #fff; 
		  background: #071527 url(img/bg_body.jpg) no-repeat fixed top center;
	}
	
	#printHeader {
		display: none
	}
	
	#pageContainer {
		position: relative; 
		width: 918px; 
		margin: 0 auto 0; 
	}
	
	a {
		color: #96ce53; 
		text-decoration: none; 
		font-weight: bold;
	}
	
    a:hover {
		color: #888;
	}
	
	a span,
	button span {
		margin-left: -9999px;
	}
	
	h4 {
		color: #fff;
	}
	
	h3 span {
		display: none;
	}
	
	ul { 
		list-style: none; 
		margin-left: 0;
	}  
	
  
/* fontResize control
--------------------------------------------------------------- */

	.size1 {
		font-size: 14px;
		line-height: 1.2em
	}
	
	.size2 { 
		font-size: 16px;
		line-height: 1.4em
	}
 

/* globalClass.
--------------------------------------------------------------- */ 
				
	body div#pageContainer .hide {
		position: absolute;
		left: 0px;
		top: -500px;
		width: 1px;
		height: 0;
		overflow: hidden;
	}
	
	body div#pageContainer .none {
		display: none
	}
	
	body div#pageContainer .right		{ float:right; }	
	body div#pageContainer .left 		{ float:left; }	
	body div#pageContainer .clear		{ clear:both; }
	
	body div#pageContainer .txtRight	{ text-align:right; }
	body div#pageContainer .txtLeft		{ text-align:left; }
	body div#pageContainer .txtCenter	{ text-align:center; }
	
	body div#pageContainer .top			{ margin-top:0; padding-top:0; }
	body div#pageContainer .bottom 		{ margin-bottom:0; padding-bottom:0; }
	
	body div#pageContainer .bold		{ font-weight:bold }
	body div#pageContainer .italic		{ font-style:italic }
	body div#pageContainer .normal		{ font-style:normal }
	
	body div#pageContainer .dotBorder	{ border-bottom:#999 1px dotted }
	
	body div#pageContainer .noBorder	{ border:none }
	body div#pageContainer .noIcon 		{ background:none; padding:0; margin:0; }
	body div#pageContainer .noFloat 	{ float:none }	
	body div#pageContainer .noBg		{ background:none; }
	
	body div#pageContainer .noBullet    { list-style-type:none; background:none }
	body div#pageContainer .noBullet li { list-style-type:none; padding:0; margin:0; background:none }
	
	body div#pageContainer .word-wrap	{ word-wrap:break-word; } /* word in IE only for now got a little js script to make it work in Firefox (waiting for CSS3) */	
	
	
/* Success, notice and error boxes
-------------------------------------------------------------- */

	.form .error,
	.form .success {
		width: 500px;
	}

	.error,
	.notice, 
	.warning, 
	.success {
		padding: .8em;
		margin-bottom: 1em;
		border: 2px solid #ddd;
	}
	
	.error {
		background: #FBE3E4;
		color: #8a1f11; 
		border-color: #FBC2C4;
	}
	
	.warning {
		background: #fefcd3; 
		color: #8a1f11; 
		border-color: #ed9c01; 
	}
	
	.notice {
		background: #FFF6BF; 
		color: #514721; 
		border-color: #FFD324;
	}
	
	.success { 
		background: #E6EFC2; 
		color: #264409; 
		border-color: #C6D880;
	}
	
	#pageContent .error a {
		color: #000;
	}
	
	.notice a {
		color: #514721;
	}
	
	.success a {
		color: #264409;
	}
	
	
/* Warning pour ie6 / pas de javascript
-------------------------------------------------------------- */
	body div#pageContainer .warning {
		background: #ffd67f url(img/warning.gif) no-repeat;
		background-position: 6px 6px;
		padding: 10px 10px 10px 63px; 
		font-weight: bold;
		height: auto !important;
		height: 40px;
		min-height: 40px;
	}
	
	body div#pageContainer .warning p {
		margin-bottom: 10px;
	}
	
	body div#pageContainer .warning p span {
		font-size: 13px;
	}
	
	body div#pageContainer .warning ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	body div#pageContainer .warning ul li {
		display: inline;
		margin: 0 30px 0 0;
	}
	
	
/* customClass for list tag
-------------------------------------------------------------- */
	
	.arrowsBullet li {
		list-style-type: none;
		background: url(img/listBullets/arrowBullet_green_7px.gif) no-repeat;
		background-position: 0 3px;
		padding:0 0 0 15px;
	}
	
	
/* customClass for link icon
-------------------------------------------------------------- */

	.pdf {
		background: url(img/icons/pdf.png) right 3px no-repeat;
		padding: 2px 22px 2px 0;
		margin: -2px 0;
	}
	
	
/* Form
--------------------------------------------------------------- */
	fieldset {
		border: 0;	
		background: url(img/line.gif) no-repeat bottom left;
		margin: 0;
	}
	
	fieldset.last { 
		background: none;
	}
	
	label,
	input {
		display: block;	
	}
	
	textarea {
		height: 100px;	
		overflow: hidden;
		margin-top: 0;
	}
	
	input,
	textarea {
		margin-bottom: 10px;	
		padding: 0;
		border: 1px solid #000;
	}
	
	.field	{
		width: 250px;	
	}
	

/* pageHeader
--------------------------------------------------------------- */
	
	/* If the menu is below the pageHeader add 'margin-bottom' equal to the menuTop 'height' for clearing space */
	#pageHeader {
		height: 206px;
	}
	
	#pageHeader h1 a {
		background: url(img/logo_pageHeader.png) no-repeat;
		height: 101px;
		width: 221px;
		position: absolute;
		top: 30px;
		left: 34px;
	}
	
	#pageHeader h2 {
		position: absolute;
		left: 0px;
		top: -500px;
		width: 1px;
		height: 0;
		overflow: hidden;
	}	
	
	#flashHeader_holder {
		background: url(img/bg_flashHeader.jpg) no-repeat;
		height: 139px;
	}
	
	
/* pageMenu
--------------------------------------------------------------- */

	/* quickMenu
	--------------------------------------------------------------- */	
	
	#quickMenu {
		position: absolute;
		top: 10px;
		right: 28px;
		background: url(img/bg_quickmenu.png) no-repeat bottom;
		padding: 0 0 16px 0;
	}
	
	#quickMenu li {
		display: inline;
		padding: 0 6px 0 10px;
		background: url(img/border_quickmenu.gif) no-repeat left 4px;
	}
	
	#quickMenu a {
		font-weight: normal;
		text-transform: uppercase;
		color: #fff; 
		font-family: Verdana, Geneva, sans-serif;
		font-size: 10px;
	}
	
	#quickMenu a:hover {
		text-decoration: underline;
	}


	/* mainMenu
	--------------------------------------------------------------- */
			
	#mainMenu {
		position: absolute; 
		top: 143px;
		left: 30px;
	}
	
	#mainMenu ul {
		width: 100%;
		display: block;
		height: 34px;
	}
	
	#mainMenu li {
		float: left;
		position: relative;
		text-align: center;
		width: auto
	}
	
	#mainMenu a	{
		display: block;
		height: 44px;
	}
	#mainMenu a span {
		position: absolute;
		left: 0px;
		top: -500px;
		width: 1px;
		height: 0;
		overflow: hidden;
	}																								
	#mainMenu a.selected,
	#mainMenu a.selected:hover {
		background-position: bottom;
	} 
	
	/* style the table so that it takes no part in the layout - required for IE to work */
	#mainMenu table {
		position: absolute;
		top: 0;
		left: 0;
	}
	
	/* hover of mainMenu bar */	
	#mainMenu li a:hover {
		background-position: 0 -44px;
	}

/* pageAccueil
--------------------------------------------------------------- */
	#pageAccueil #pageContent {
		padding: 0 0 0 30px;
	}
	
	#pageAccueil #pageColumn1 {
		background: none;
		padding: 0;
		margin: 0;
	}
		
/* pageContent
--------------------------------------------------------------- */
	
	/* overflow:hidden pour forcé le wrappin dans FF - overflown:visible pour forcé le wrappin avec IE6  */	
	#pageContent {
		overflow: hidden !important;
		overflow: visible;
		height: auto !important;
		min-height: 400px;
		height: 400px;
		color: #333;
		padding: 0 0 0 9px;
	}
	
	#pageContent a {
		color: #96ce53;
	}
	
	#pageContent a:hover {
		color: #486a86; 
		text-decoration: underline;
	}
		
	#pageColumn1 {
		width: 597px;
		float: left;
		background: url(img/bg_shadow_c1.png) no-repeat top left; 
		padding: 0 0 0 21px;
		min-height: 500px;
	}
	
	#pageColumn2 {
		width: 291px;
		float: left;
	}
	
	#pageColumn1 .boxBottom	{
		background: url(img/content_box_bottom.png) no-repeat bottom left;
		padding-bottom: 38px;
	}
	
	#pageColumn1 .boxBg { 
		background: url(img/content_box_bg.png) repeat-y top left;
	}
	
	#pageColumn1 .boxTop {
		background: url(img/content_box_top.jpg) no-repeat top left; 
		padding: 20px 67px 0 24px; 
		color: #fff; 
		overflow: hidden !important;
		overflow: visible; 
		height: auto !important; 
		min-height: 396px;
		height: 396px;
	}
	
	.expend #pageColumn1 .boxTop {
		padding-right: 22px;
	}
	
	#pageColumn1 h4.sIFR {
		margin: 0 0 -3px 0;
		padding: 0;
		display: block;
	}
	
	#pageContent>/**/#pageColumn1 h4.sIFR {
		margin: 0 0 -7px 0;
	}
	
	#pageColumn1 .noWrap {
		overflow: hidden; 
		zoom: 1;
	}
	
	.mainList li {
		background: url(img/line.gif) no-repeat bottom left;
		padding: 19px 45px 30px 0;
		overflow: hidden;
		zoom:1; 
		position: relative;
	}
	
	.mainList li.first {
		padding-top: 0;
	}
	
	.mainList li.last { 
		background: none; 
		padding-bottom: 0;
	}
	
	.mainList h4 {
		margin-bottom: 0; 
	}
	
	.mainList img {
		display: block;
		border: 1px solid #546882;
		margin-right: 14px;
		float: left; 
	}
	
/* GUIDE
--------------------------------------------------------------- */
	.guide #pageColumn1 ol {
		margin-left: 40px;
	}
	
	.guide #pageColumn1 ol li {
		padding-bottom: 10px;
	}


/* pageSide
--------------------------------------------------------------- */
	#options {
		background: url(img/bg_options.png) no-repeat top left; 
		height: 115px; 
		width: 264px; 
		margin: 19px 0 0 0;
		padding: 19px 0 0 15px;
	}
	
	#options li	a {
		width: 245px;
		display: block;
		overflow: hidden;
	}
	
	#options li	a:hover { 
		background-position: bottom;
	}
	
	#options .btnPdf {
		height: 54px;
	}
	
	#options .btnBulletin {
		height: 49px;
	}

	#reve {
		height: 233px;
		width: 255px;
		padding: 65px 0 0 36px; 
	}
	
	#reve img {
		display: block;
		border: 1px solid #546882;
	}
	
	#reve p { 
		color: #d1d3d4;
		width: 207px;
		font-size: 11px; 
		margin: 13px 0 0 0;
	}
	

/* Sitemap
--------------------------------------------------------------- */
	#sitemap {
		margin-left: 12px;
	}
	
/* FAQ
--------------------------------------------------------------- */
	.faq #pageColumn1 h5 {
		cursor: pointer;
		background: url(img/listBullets/arrowBullet_green_7px.gif) no-repeat;
		background-position: 0 3px;
		padding:0 0 0 15px;
		color: #fff;
		font-size:1.2em;
		margin: 0;
	}
	
	.faq #pageColumn1 p {
		margin: 0;	
		padding: 0 0 0 15px;
	}
	
	.faq .mainList li {
		overflow: visible;
		padding-bottom: 0;
	}
	
	.faq .mainList li .reponse {
		display: block;
		height: 20px;
		width: 89px;
		position: relative;
		bottom: -9px;
		left: 0;
		margin: 0 auto;
	}
	
	.faq .mainList li .reponse:hover {
		background-position: bottom;	
	}
	
/* Blogue zone-client
--------------------------------------------------------------- */
	.blogue #pageColumn1 .date {
		margin: 0;
		text-transform: uppercase;
		font-weight: bold;
	}
	
	.blogue #pageColumn1 .options {
		position: absolute;
		bottom: 5px;
		left: 0;
		font-size: 11px;
		margin: 0;
	}
	
	.blogue h4 {
		color: #96CE53;
		margin: 0;
	}
	
	.blogue #pageColumn1 p {
		margin-bottom: 15px;
	}
	
	.blogue #pageColumn1 .comment .name {
		margin: 0;
		font-weight: bold;
		margin-bottom: 0;
	}
	
	.blogue ul {
		margin-bottom: 0;
	}
	
	.blogue #pageColumn1 li {
		padding-bottom: 35px;	
	}
	
	.blogue .multimedia {
		position: absolute;
		bottom: 5px;
		right: 15px;
		margin: 0;
	}
	
	.blogue #pageColumn1 .multimedia li {
		float: left;
		padding: 0 10px;
		background: none;
		padding: 0 0 0 3px;
	}
	
	.blogue .multimedia li a {
		display: block;
		height: 18px;
		text-indent: -99999px;
	}
	
	.blogue .multimedia li a:hover {
		background-position: bottom;
	}
	
	.blogue form {
		background:transparent url(img/form/bg-form.gif) no-repeat left top;
	}
	
	.blogue .desc {
		padding-left: 18px;	
	}
	
	.blogue #pageColumn1 form p,
	.blogue #pageColumn1 form ol { 
		margin-bottom: 0;
	}
	
	.blogue #pageColumn1 .comment {
		padding-bottom: 10px;
	}

/* Projets en images
--------------------------------------------------------------- */	
	.btnDiapo {
		display: block;
		position: absolute;
		bottom: 14px; 
		right: 22px;
		height: 27px;
		width: 155px;
	}
	
	.btnDiapo:hover {
		background-position: bottom;	
	}

/* Guide
--------------------------------------------------------------- */	
	.squareBullet li {
		padding-left: 32px;	
	}
	
	.squareBullet li.first div {
		top: 2px;
	}
	
	.squareBullet li div {
		background: url(img/listBullets/square.gif) no-repeat;
		padding:0 0 0 0;
		height: 22px;
		width: 22px;
		font-size: 18px;
		text-align: center;
		color: #08192f;
		font-weight: bold;
		margin-right: 10px;
		position: absolute;
		top: 21px;
		left: 1px;
	}
	
	
/* Recrutement
--------------------------------------------------------------- */
	.postuler {
		display: block;
		width: 107px;
		height: 27px;
		float: right;
		margin-right: -26px;
	}
	
	.postuler:hover{
		background-position	: bottom;
	}
	
	html>/**/body.recrutement h4 {
		margin-bottom: -8px;
	}
	
	.recrutement h4 {
		margin-bottom: -5px;
	}


/* Services
--------------------------------------------------------------- */
.services .boxTop .desc {
	width: 298px;	
}

.services .boxTop img {
	border:1px solid #546882;
	margin-right: 14px;
}

.services .boxTop p {
	margin-bottom: 0;
}



	
/* Demande de form / Bulletin de nouvelle
--------------------------------------------------------------- */	
	
	.form fieldset { 
		padding-left: 24px;
		padding-right: 0;
	}
	
	.form input { 
		border: 0;
	}
	
	.form fieldset.info { 
		padding-left: 0;
	}
	
	.form .bg {
		background: url(img/form/bg-form.gif) no-repeat 2px top;	
	}
	
	.form .col {
		float: left;	
		width: 268px;
	}
	
	.form fieldset.info .col { 
		padding-left: 22px;
		width: 253px;
	}
	
	.form .textfield {
		width: 231px;
		height: 21px;
		background: url(img/form/bg_input-right.gif) no-repeat right top;
		margin-bottom: 10px;
		position: relative;
	}
	
	.form .textfield .required {
		background: url(img/form/ico-required.gif) no-repeat left top;
		position: absolute; 
		top: 4px; 
		left: -17px; 
		height: 12px; 
		width: 12px;
	}
	
	.form .textfield .required span {
		margin-left: -9999px;
	}
	
	.form .textfield div {
		width: 222px;
		height: 21px;
		padding: 3px;
		background: url(img/form/bg_input-left.gif) no-repeat left top;		
	}
	
	.form .textfield input {
		border: 0;
		width: 222px;
		height: 15px;
		margin: 0;
		padding: 0 3px 0 1px;		
		background: none;
	}
	
	
	.form .areafield {
		width: 231px;
		height: 44px;
		background: url(img/form/bg_textarea-right.gif) no-repeat right top;
		margin-bottom: 10px;
	}
	
	.form .areafield div {
		width: 222px;
		height: 44px;
		padding: 3px;
		background: url(img/form/bg_textarea-left.gif) no-repeat left top;		
	}
	
	.form .areafield textarea {
		border: 0;
		width: 224px;
		height: 37px;
		margin: 0;
		padding: 0 0 0 1px;		
		background: none;
		overflow: auto;
	}
	
	.form .desc .areafield {
		width: 503px;
		height: 64px;
		background: url(img/form/bg_textarea-big-right.gif) no-repeat right top;
		margin-bottom: 10px;
	}
	
	.form .desc .areafield div {
		width: 497px;
		height: 58px;
		padding: 3px;
		background: url(img/form/bg_textarea-big-left.gif) no-repeat left top;		
	}
	
	.form .desc .areafield textarea {
		border: 0;
		width: 496px;
		height: 57px;
		margin: 0;
		padding: 0 0 0 1px;		
		background: none;
		overflow: auto;
	}
	
	.form p {
		margin: 0;	
	}
	
	.form .type .col {	
		width: 172px;
	}
	
	html>/**/body .form .type .col input {
		margin-right: 3px;
	}
	
	.form .type .col input
	{
		margin: 0;	
		border: 0;
	}
	
	.form .type .col input,
	.form .type .col label {
		display: inline;	
	}
	
	.form .desc {
		margin-bottom: 10px;
		padding-bottom: 18px;
	}
	
	.form button {
		border: 0;	
		width: 131px;
		height: 25px;
		cursor: pointer;
		margin-left: 177px;
		margin-top: 10px;
	}
	
	.form button:hover{
		background-position: bottom;	
	}
	
	.form.impact fieldset {
		padding: 10px 0;	
		position: relative;
	}
	
	.form .selectfield {
		width: 86px;
		height: 21px;
		background: url(img/form/bg-select.gif) no-repeat right top;
		padding: 3px 0 0 3px;
	}
	
	.form select {
		margin: 0;
		width: 83px;
		height: 18px;
		border: 0;
		font-size: 11px;
	}
	
	.form .pub {
		text-align: right;
		margin-right: 20px;
	}
	
	.form #pageContent .pub p a {
		color:#aaa; 
		font-size:10px;	
	}
	
	.form .cv,
	.form .cv div {
		background: none;
	}
	
	.form .cv input {
		height: 22px;
		width: 204px;
		background: #fff;
	}
	
	.form .cv .required {
		top: 10px;	
	}
	
/* zone client
--------------------------------------------------------------- */
	
	.form.zone #pageColumn1 .boxTop {
		padding-right: 40px;
	}
	
	.form.zone .colLeft,
	.form.zone .colRight {
		float: left;
	}
	
	.form.zone .colLeft {
		width: 242px;	
	}
	
	.form.zone .colRight {
		width: 270px;	
		padding-left: 18px;
	}
	
	.form.zone form {	
		background: url(img/bg-login.png) no-repeat left top;	
		height: 165px;
		width: 233px;
		padding: 15px 0 0 11px;
	}
	
	.form.zone fieldset {
		padding: 0;	
	}
	
	.form.zone p {
		margin-bottom: 1.5em;	
	}
	
	.form.zone button {
		margin: 0;	
		padding: 0;
		height:  24px;
		width: 96px;
		margin-left: 61px;
	}
	
	.form.zone button:hover {
		background-position: bottom;
	}
	
	.form.zone .textfield {
		width: 214px;
		height: 21px;
		background: url(img/form/bg_input-right.gif) no-repeat right top;
		margin: 0;
		padding: 0 3px 0 0;
		margin-bottom: 10px;
	}
	
	.form.zone .textfield div {
		width: 211px;
		height: 15px;
		padding: 3px 0 3px 3px;
		background: url(img/form/bg_input-left.gif) no-repeat left top;		
	}
	
	.form.zone .textfield input {
		border: 0;
		width: 207px;
		height: 15px;
		margin: 0;
		padding: 0 3px 0 1px;		
		background: none;
	}
	
					
/* pageFooter
--------------------------------------------------------------- */
	
	#pageFooter	{ 
		background: url(img/bg_footer.gif) repeat-x top left;
		padding: 16px 0 15px 0;
		min-width: 1010px;
	}
		
	#bottom_linklist {
		width: 918px;
		margin: 0 auto; 
		padding: 0 0 0 93px;
	}
	
	#bottom_linklist h3 {
		color: #96ce53;
		font-size: 18px; 
		font-weight: bold; 
		margin-bottom: 13px;
	}
	
	#bottom_linklist ul	{
		overflow: hidden;
		zoom:1;
	}
	
	#bottom_linklist li	 {
		float: left;
		width: 196px;
		padding: 0 12px;
		background: url(img/dot_footer.gif) no-repeat right top; 
		font-size: 11px;
	}
	
	#bottom_linklist li.first {
		padding-left: 0; 
	}
	
	#bottom_linklist li.last {
		background: none;
	}
	
	#bottom_linklist li.img p {
		padding-top: 12px;
	}
	
	#bottom_linklist li img	{
		float: left;
		padding-right: 10px;
	}
	
	#bottom_linklist li h4 {
		margin: 0;
		color: #fff;
		font-size: 11px;
	}
	
	#signatureCyber	{
		clear: both;
		text-align: center;  
		padding:10px 0 0 0; 
		font-weight:normal;
		text-decoration:none;
	}
	
	#signatureCyber a {
		color: #fff;
	}
	
	#signatureCyber a:hover {
		text-decoration: underline;
	}
	

/* diapo, video, audio player
--------------------------------------------------------------- */
	
	#audio-player,
	#video-player,
	#diapo-player{		
		background:#000; background-image:none
	}
	
	#audio-player a,
	#video-player a,
	#diapo-player a{		
		color:#999999;
	}
	
	#audio-player a:hover,
	#video-player a:hover,
	#diapo-player a:hover{		
		color:#dfdfdf;
	}
	
	#audio-player #container,
	#video-player #container{

		padding: 10px 23px 10px 23px;
		width: 418px;
		height: 400px;
		color: #fff;
		background: #000;
	}
	#audio-player h4,
	#video-player h4{
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		padding: 0px;
		margin: 5px 0px;
	}
	#audio-player #wrap,
	#video-player #wrap{
		width: 385px;
		height: 319px;
		border: none;
	}
	#audio-player .desc,
	#video-player .desc{
		color: #a7a9ac;
	}
	#audio-player .text,
	#video-player .text{
		height: 60px;
		overflow: auto;
	}
	#audio-player  .logo,
	#video-player  .logo{
		height: 26px;
		margin-top: 5px;
		background: #000;
	}
	#audio-player .desc .text p,
	#video-player .desc .text p{
		padding: 0 0 5px 0;
		margin: 0px;
	}
	#audio-player .desc .text,
	#video-player .desc .text{
		padding: 5px 5px 0 5px;
		border-bottom: 1px solid #a7a9ac;
	}
	
	/* diapo */
	#diapo-player #container{
		height: 595px;
		width: 700px;
		color: #fff;
		padding: 0 0 5px 0;
		background: #000;
	}
	#diapo-player h4{
		background:none;
		display: block;
		padding: 0 0 0 32px;
		margin: 0px;
		line-height:28px;
		height: 29px;
		width:auto;
		color: #fff;
	}	
	#diapo-player .nav{
		height:24px;
		padding: 0 20px;
	}
	
	#diapo-player .nav_3,
	#diapo-player .num,
	#diapo-player .nav_1{
		float: right;
		padding:5px 5px 0 0;
	}

	#diapo-player #princ{
		text-align: center;
		height: 415px;
	}
	#diapo-player p{
		padding: 0px;
		margin: 0px;
		color: #dfdfdf;
		margin-bottom: 4px;
	}
	#diapo-player .desc{
		border-bottom: 1px solid #a7a9ac;
		margin: 0 20px 5px 20px;
	}

	#diapo-player .credit,
	#diapo-player .reference{
		padding: 0 20px;
	}

	#diapo-player .desc span,
	#diapo-player .credit span,
	#diapo-player .reference span{
		font-weight: bold;
		font-size: 11px;
		padding-right: 10px;
		float: left;
	}