/* @override 
	http://www.ekko-media.com/css/index_210708.css
*/

#main {
}

/*** Header ***/


#animation {
	position: relative;
	display : block;
	overflow:hidden;
	width: 980px;
	height: 415px;	
	padding: 0;	
	margin: 0 auto;	
	background: #001814 url(../images/anim-back.jpg) no-repeat 0 -450px;
}

#header {
	width: 980px;
	display : block;
	overflow:hidden;
	height: 415px;
	padding: 0;
	margin: 0 auto;
	background: #001814 url(../images/header-index1.jpg) no-repeat 0 0;
}
	#header img {
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
		padding: 0;
	}
	#header .accroche {
		position: absolute;
		top: 120px;
		left: 520px;
		margin: 0;
		padding: 0;
		line-height: 42px;
		font-size: 36px;
		color: #e9481e;
	}
		#header .accroche .white {
			font-size: 32px;
		}
	#header .intro {
		position: absolute;
		top: 270px;
		left: 520px;
		width: 340px;
		margin: 0;
		padding: 0;
		text-align: left;
		font-size: 14px;
		color: #fff;
	}
		#header .intro a {
			color: #e9481e;
		}
		#header .intro a:hover {
			text-decoration: underline;
		}

/*** Page ***/
#page {
	margin : 0px;
	background: url(../images/page-index.jpg) no-repeat 0px 0px;
}
/**
#pageAnim {
	background: url(../images/page-index.jpg) no-repeat 0px -2px;
}
**/

/*** Content ***/

	#content #new {
		top: -56px;
		left: 706px;
	}
		

	#content h2 {
		margin: 0;
		padding: 0;
		line-height: 17px;
		text-transform: uppercase;
		font-size: 24px;
		font-weight: normal;
		color: #e9481e;
	}


/*** Services ***/
	#content #services {
		margin: 0;
		margin-top : -10px;
		padding: 0 0 7px 0;
		background: url(../images/nav-line.gif) no-repeat 8px bottom;
	}
		#content #services dl {
			float: left;
			display: block;
			width: 245px;
			margin: 0 0 0 5px;
			background: url(../images/barv.gif) no-repeat 0 0;
		}
		#content #services dl.marketing {
			width: 250px;
		}
		#content #services dl.webdesign {
			width: 250px;
			margin: 0 0 0 10px;
		}
		#content #services dl.dev {
			width: 230px;
		}
			#content #services dl dt {
				padding: 0 0 0 15px;
				line-height: 17px;
				font-size: 24px;
				color: #e9481e;
			}
				#content #services dl dt .small {
					font-size: 15px;
				}
			#content #services dl dd {
				margin: 0;
				padding: 5px 15px;
				text-align: left;
				line-height: 14px;
				font-size: 12px;
			}
	
		#content #services p {
			clear: both;
			margin: 0;
			padding: 10px;
		}
			#content #services p a {
				display: block;
				width: 174px;
				height: 24px;
				background: url(../images/btn-174x24.gif) no-repeat 0 0;
				line-height: 24px;
				text-align: center;
				color: #e9481e;
			}
			#content #services p a:hover {
				color: #5d5b5c;
				text-decoration: none;
			}


/*** References ***/
	#content #refs {
		position: relative;
		padding: 10px 10px 10px;
		background: url(../images/nav-line.gif) no-repeat 5px bottom;
	}
		#content #refs .nav {
			padding: 15px 5px 10px;
			color: #e9481e;
		}
			#content #refs .nav a {
				padding: 0 8px;
				color: #e9481e;
			}
			#content #refs .nav a:hover,
			#content #refs .nav a.on {
				background-color: #e9481e;
				color: #fff;
			}
		#content #refs #refs-frame {
			position: relative;
			overflow: hidden;
			display: block;
			width: 520px;
			margin: 0;
			padding: 0;
		}
		
			
		
			#content #refs #refs-frame #refs-container {
				position: relative;
				left: 1px;
				width: 10000px;
				margin: 0;
				padding: 0;
				list-style-type: none;
			}
				#content #refs #refs-frame #refs-container .ref {
					float: left;
					display: block;
					width: 120px;
					margin: 0 9px 0 0;
					padding: 0;
					border: 1px solid #f7f7f7;
				}
				
				#content #refs #refs-frame #refs-container .ref-on {
					float: left;
					display: block;
					width: 120px;
					margin: 0px 9px 0 0;
					padding: 0px 0px 0 0;					
					/**background-color: #F4F3F3;**/
					background-color: #ffffff;
			        border: 1px solid #dbdbdb;
				}
				
				
				
					#content #refs #refs-frame #refs-container .ref dl {
						margin: 0px;
						padding: 0px;
					}
					
					#content #refs #refs-frame #refs-container .ref-on dl {
						margin: 0px;
						padding: 0px;
					}
										
						#content #refs #refs-frame #refs-container .ref dt {
							margin: 0 0 1px;
							padding: 5px;
							border: 2px solid #dbdbdb;
							text-align: center;
						}
												
						
						#content #refs #refs-frame #refs-container .ref-on dt {
							margin: 0 0 1px;
							padding: 5px;
							border: 2px solid #ffffff;
							text-align: center;
						}
						
							#content #refs #refs-frame #refs-container .ref dt a {
								display: block;
								width: 96px;
								height: 66px;
								margin: 0 auto;
								padding : 3px;								
								border: 1px solid #ffffff;
							}						
						
						
						#content #refs #refs-frame #refs-container .ref-on dt a {
								display: block;
								width: 96px;
								height: 66px;
								margin: 0 auto;
								padding : 3px;
								border: 1px solid #e9481e;
							}						
						
						
							
						#content #refs #refs-frame #refs-container .ref dd {
							overflow: hidden;
							height: 120px;
							margin: 0px;
							padding: 5px;
							background-color: #f7f7f7;
						}
						
						#content #refs #refs-frame #refs-container .ref-on dd {
							overflow: hidden;
							height: 120px;
							margin: 0px;														
							padding: 5px;							
							/**background-color: #F4F3F3;**/
							background-color: #ffffff;
						}
						
						
							#content #refs #refs-frame #refs-container .ref dd h2 {
								margin: 0;
								padding: 0;
							}
							
							#content #refs #refs-frame #refs-container .ref-on dd h2 {
								margin: 0;
								padding: 0;
							}
							
								#content #refs #refs-frame #refs-container .ref dd h2 a {
									text-transform: none;
									line-height: 12px;
									font-size: 11px;
									font-weight: bold;
									color: #e9481e;
								}
								
							
							#content #refs #refs-frame #refs-container .ref-on dd h2 a {
									text-transform: none;
									line-height: 12px;
									font-size: 11px;
									font-weight: bold;
									color: #e9481e;
								}	
								
								
							#content #refs #refs-frame #refs-container .ref dl dd p {
								width: 110px;
								margin: 0;
								padding: 5px 0 0;
								color: #a7b0af;
							}
							
							#content #refs #refs-frame #refs-container .ref-on dl dd p {
								width: 110px;
								margin: 0;
								padding: 5px 0 0;
								color: #a7b0af;
							}
							
	#content #refs .others {
		position: absolute;
		top: 68px;
		right: 20px;
		display: block;
		width: 210px;
		margin: 0;
		padding: 0;
	}
		#content #refs .others dt {
			padding: 0 0 5px;
			text-transform: uppercase;
			font-size: 12px;
			font-weight: bold;
			color: #e9481e;
		}
		#content #refs .others dd {
			margin: 0 0 1px 3px;
			padding: 0 0 0 7px;
			background: url(../images/arrow-small.gif) no-repeat 0 6px;
			line-height: 16px;
		}
			#content #refs .others dd a {
				display: block;
				width: 180px;
				padding-left: 3px;
				color: #6f6f6f;
			}
			#content #refs .others dd a:hover {
				color: #e9481e;
			}
		#content #refs a.refs {
			position: absolute;
			top: 255px;
			right: 35px;
			display: block;
			width: 192px;
			height: 24px;
			background: url(../images/btn-192x24.gif) no-repeat 0 0;
			line-height: 24px;
			text-align: center;
			color: #e9481e;
		}
		#content #refs a.refs:hover {
			color: #5d5b5c;
			text-decoration: none;
		}


/*** Various ***/
	#content #various {
		overflow: hidden;
		display: block;
		width: 100%;
		margin: 0;
		padding: 7px 0 30px;
	}
		#content #various dl {
			float: left;
			display: block;
			width: 225px;
			margin: 0;
			padding: 0px 14px;
		}
			#content #various dl dt {
				padding: 0 0 8px;
				text-transform: uppercase;
				line-height: 24px;
				font-size: 24px;
				color: #e9481e;
			}
			#content #various dl dd {
				margin: 0;
				padding: 0 0 10px;
				text-align: left;
				line-height: 14px;
				font-size: 12px;
			}
		#content #various #actus {
			width: 232px;
			padding-left: 12px;
		}
		#content #various #mailing {
			width: 235px;
		}
		#content #various #contact {
			width: 150px;
		}
		#content #various #actus dd .texte,
		#content #various #actus dd .date {
			width: 232px;
			margin: 0;
			padding: 0;
			color: #141414;
			line-height: 16px;
			font-size: 11px;
		}
			#content #various dl#actus dd .texte h1 {
				margin: 0;
				padding: 0;
				font-size: 13px;
			}
			#content #various dl#actus dd .texte h2 {
				margin: 0;
				padding: 0;
				font-size: 11px;
				font-weight: bold;
				color: #141414;
			}
			#content #various #actus .texte a {
				color: #e9481e;
				text-decoration: none;
			}
			#content #various #actus .texte a:hover {
				text-decoration: underline;
			}
		#content #various #actus p.date {
			color: #c0c0c0;
		}

		#content #various #mailing form {
			width: 220px;
			margin: 0;
			padding: 0;
		}
			#content #various #mailing input {
				width: 12px;
				margin: 0;
				padding: 0;
			}
			#content #various #mailing input#mail {
				width: 170px;
				margin: 0 0 8px;
			}
			#content #various #mailing a.form {
				display: block;
				width: 79px;
				height: 24px;
				margin: 8px 0;
				padding: 0;
				background: url(../images/btn-w79.gif) no-repeat 0 0;
				line-height: 24px;
				text-align: center;
				color: #e9481e;
			}
		#content #various #mailing a.form:hover {
			color: #5d5d5d;
		}

		#content #various #contact {
			margin: 0;
			color: #000;
		}
			#content #various #contact p {
				width: auto;
				padding: 0;
				line-height: 14px;
				font-size: 12px;
				font-weight: bold;
			}
				#content #various #contact p .titre {
					font-size: 13px;
				}
				#content #various #contact a {
					color: #e9481e;
				}
				#content #various #contact a:hover {
					text-decoration: underline;
				}


/*** Footer ***/
	#footer .content {
		width: 745px;
		margin: 0 119px 0 120px;
		padding: 15px 0 0;
	}