/*-----------------------------------------------------------------------------
  [CSS - Agency]
  
  Feuille de style de la page "Agence"
  
  1. Header
    1.1 References
    1.2 Workshop Overview
  2. Content
-----------------------------------------------------------------------------*/

/*---------------------------------------------------------------------
  [1. Header]
*/

#wrap {
	background: url(../../images/corporate/agency/bg-recent-references.gif) repeat-x;
	height: 197px;
	width: 900px;
}

#recent-references, #workshop-preview {
	margin: 3px 0 2px 0;
	height: 192px;
}

/*---------------------------------------------------------------------
    [1.1 References]
*/

#recent-references {
	float: left;
	width: 646px;
}

	#recent-references ul{
		display: block;
		list-style-type: none;
		height: 100%;
		padding: 0;
		margin: 0;
	}
		
	.anim-flash {
		border-left: 1px solid #4c4c4c;
		border-right: 1px solid #4c4c4c;
		float: left;
		height: 192px;
		overflow: hidden;
		margin-right: 3px;
		position:relative;
		width: 110px;	
	}
	.anim-flash-large {
		border-left: 3px solid #4c4c4c;
		border-right: 1px solid #4c4c4c;
		margin-right: 4px;
		width: 290px;
	}
	.anim-flash a {
		position: absolute;
		text-indent: -9999px;
	}
/*---------------------------------------------------------------------
    [1.2 Workshop preview]
*/

#workshop-preview {
	background: url(../../images/corporate/agency/bg-preview-workshop.png) no-repeat;
	float: left;
	font-size: 80%;
	height: 192px;
	width: 254px;
}

	#workshop-preview-overview {
		font-size: 90%;
		height: 75px;
		padding-left: 76px;
	}
	
		#workshop-preview-overview p {
			line-height: 1.05em;
		}

		#workshop-overview-link {
			display: block;
		}

			#workshop-overview-link a {
				background: url(../../images/corporate/agency/logo-workshop-small.png) no-repeat;
				display: block;
				height: 36px;
				width: 113px;
			}

	#recent-entry {
		height:95px;
		margin: 5px;
		color: #1a1a1c;
	}
	
		#recent-entry a {
			/*color: #1a1a1c;*/
			color: #333333;
			text-decoration: none;
		}
			#recent-entry a:hover {
				/*color: #e5297a;*/
				color: #666666;
			}
	
		#recent-entry .date{
			color: #e5297a;
		}
	
	#workshop-preview #go-to-workshop {
		margin-right: 2px;
		text-align: right;
		text-decoration: none;
	}
		
		#workshop-preview #go-to-workshop:hover .text-deploy {
			display: inline;
			width: 239px;
			position: relative;
		}	

/*---------------------------------------------------------------------
  [2. Content]
*/

#bg-text {
	clear: both;
	overflow:hidden;
	padding:10px 0 10px 22px;
	width: 845px;
}

	#text-content {
		/*cursor: pointer;*/
		padding-right: 22px;
	}
	
		#agency-content {
			overflow: hidden;
		}

	.bg-deploy {
		background: #f2f3f5;
		float: right;
		padding: 3px;
		text-align: right;
		width: 80px;
	}
	
		.bg-deploy a.hover {
			background-position: right bottom;
		}