/*@import "style_djobliste.css";*/
html, body {
		background-color:		#EBEBEB;
		padding:				10px 0 0 10px;
		margin:					0;
		font-family:			Verdana, Arial, Helvetica, sans-serif;
		font-size:				10px;

		
}
/** html body  {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fondHeader.png',);
		background-image:	none;

}*/

a {
		color : 			#000;
		text-decoration : 	none;
		font-family:		Verdana, Arial, Helvetica, sans-serif;
		font-size:			9px;
		font-weight:		bold;
}

a,span{
	color:					#333333;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				9px;

}

#headerP {
		width:					100%;
		height:					80px;
		/*background:				transparent url(img/separateur.gif) repeat-x bottom;*/


}
* html #headerP  {
		/*filter:			progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fondHeader.png',);
		background-image:	none;
		border:				1px solid red;		
		height:				30px;*/

}

#headerP img {
		margin:					0;
		padding:				0;
}
a#gohome {
	padding:					0;
	margin:						0;
	display:					block;
	width:						43px;
	height:						63px;
	background-color:			#1B1B1B;
	background-image:			url(img/echoportfolio.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;/**/


}

/**/
div#conteneurdjob {
		padding:				0;
		margin:					0;
		width:					100%;
		background:		    	url(img/separateur.gif) repeat-x bottom;
		color:					#1B1B1B;

}
div#conteneurdjob p, h2, h3, h4, ul{
		padding:				0;
		margin:					0;
}
div#conteneurdjob h4 {
		padding-top:			10px;
		font-size:				9px;
		text-transform:			uppercase;
		color:					#C72600;
}
div#conteneurdjob h3 {
		padding-top:			20px;
		font-size:				9px;
}

ul#infoclient{
		color:					#1B1B1B;
		padding-bottom:			10px;
}
ul#infoclient li{
		color:					#1B1B1B;
}
div#nav {
		padding:				5px 0 18px 0;
		margin:					0;
		background:				transparent url(img/separateur.gif) repeat-x bottom;

}
div#nav  a{
		display:				block;
		float:					left;		
}


/* Nav next close all .. */
a#openallworks {
		height:					11px;
		width:					101px;
		background-image:		url(img/nav_allworks.gif);
		background-color:		#1B1B1B;
		background-position:	0 0;
		background-repeat:		no-repeat;
}
.none{
	display:					none;

}

a#next {
		padding:				0;
		margin:					0;
		width:					60px;
		height:					12px;
		background-color:		#1B1B1B;
		background-image:		url(img/nav_next.gif);
		background-position:	0 0;
		background-repeat:		no-repeat;/**/
}
a#prev{
		padding:				0;
		margin:					0 5px 0 40%;
		width:					70px;
		height:					12px;
		background-color:		#1B1B1B;
		background-image:		url(img/nav_prev.gif);
		background-position:	0 0;
		background-repeat:		no-repeat;/**/
}

a#closeall {
		padding:				0;
		margin:					0 0 5px 0;
		display:				block;
		width:					60px;
		height:					14px;
		background-color:		#1B1B1B;
		background-image:		url(img/nav_close.gif);
		background-position:	0 0;
		background-repeat:		no-repeat;/**/
}
/* ----------------------------------------------------------------*/
div#conteneur_listedjob {
		padding:				0;
		margin:					0;

}

div#menu {
		float:					left;
		padding:				10px 0 0 0;
		margin:					0;
		width:					470px; 
}
div#menu ul {
		padding:				0;
		margin:					0;
}
div#vignette{
		padding:				0;
		margin:					26px 0 0 10px;
		float:					left; 
		width:					400px; 
		height:					234px;
		/*background-color:		#1B1B1B;*/
		background:				#1B1B1B url(img/bg_news.gif);

 }


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

.affichedjob {
		clear:					both;
		padding:				20px 20px 10px 0;
		margin:					0;
		color:					#1B1B1B;
}
.affichedjob h4{
		padding:				10px 0 0 0;
		margin:					0;
		text-transform:			uppercase;
		font-size:				9px;
}
.affichedjob p{
		padding:				0;
		margin:					0;
		font-size:				9px;
}

#footerP {
		padding:				1px 0 30px 0;
		margin:					0;
		color:					#1B1B1B;
		font-size:				9px;
		background:				transparent url(img/separateur.gif) repeat-x;
}
#footerP p{
		padding:				0;
		margin:					0;
}
#footerP img {
		margin:					10px 0 0 0;
		background-color:		#1B1B1B;
}
.separateur {
		display:				block;
		clear:					both;
		padding:				0;
		margin: 				0;
		background:				url(img/separateur.gif) repeat-x  ;
		width:					100%;
		height:					10px;
}

/* ******************************************************************************* */
 
#demo-wrapper {
	margin: 					0;
	overflow: 					hidden; 
	height: 					234px; 
	width: 						400px;
	position: 					relative;/**/
}
 
#demo-inner {
	width: 						2270px;
	height: 					4600px;
	position: 					relative;/**/
	/*background: 				transparent url(img/testvignette.jpg) top left no-repeat;*/

}
 
.scrolling-content {
	width: 						387px;
	height: 					222px;
	margin: 					6px 0 0 6px;
	padding:					0;
	text-align: 				center;
}
 
.scrolling-content h1 { 
	padding: 					5px 5px 0 5px;
	margin:						0;
	position:					relative;
	top: 						190px;
	left:						0;
	height:						22px;
	color: 						#fff;
	font-size: 					9px;
	font-weight: 				normal;
	background-color:			#000;
	text-align:					left;
	filter : 					alpha(opacity=90); 
	opacity:					0.9;				
	_opacity:					0.9;
	-moz-opacity: 				0.9;
}
.scrolling-content h1 span {
	padding: 					0 10px 0 6px;
	margin:						0;
	background:					transparent url(img/puce_orange.gif) no-repeat 0 3px;
	border:						1px solid red;
}
.scrolling-content h1 img {
	padding: 					0 5px 0 0;
	margin:						0;
}


 
#content1 {
	left: 						160px; 
	background: 				transparent url(img/portfolio/prev_g_freyssinet.jpg) no-repeat;

}
 
#content2 {
	left: 						160px; 
	background: 				transparent url(img/portfolio/prev_g_fbf.jpg) no-repeat;

}
 
#content3 {
	left: 						160px; 
	background: 				transparent url(img/portfolio/prev_g_areva.jpg) no-repeat;

}
 
#content4 {
	left: 						160px; 
	background: 				transparent url(img/portfolio/prev_g_dj.jpg) no-repeat;

}
#content5 {
	left: 						160px;
	background: 				transparent url(img/portfolio/prev_g_ba.jpg) no-repeat;

}
 
#content6 {
	left: 						160px; 
	background: 				transparent url(img/portfolio/prev_g_armory.jpg) no-repeat;

}
 
#content7 {
	left: 						160px; 
	background: 				transparent url(img/portfolio/prev_g_meunier.jpg) no-repeat;

}
 
#content8{
	left: 						160px; 
	background: 				transparent url(img/portfolio/prev_g_lsd.jpg) no-repeat;
}

#content9 {
	left: 						160px; 
	background: 				transparent url(img/portfolio/prev_g_pierreau.jpg) no-repeat;
}
 
#content10 {
	left: 						160px; 
	background: 				transparent url(img/portfolio/prev_g_espace.jpg) no-repeat;
}
 
#content11 {
	left: 						160px; 
	background: 				transparent url(img/portfolio/prev_g_aulnoye.jpg) no-repeat;
}
 
#content12{
	left: 						160px; 
	background: 				transparent url(img/portfolio/prev_g_betton.jpg) no-repeat;
}
#content13 {
	left: 						160px; 
	background: 				transparent url(img/portfolio/prev_g_betton.jpg) no-repeat;
}
 
#content14 {
	left: 						160px; 
	background: 				transparent url(img/portfolio/prev_g_jouno.jpg) no-repeat;
}
 
#content15 {
	left: 						160px; 
	background: 				transparent url(img/portfolio/prev_g_ga.jpg) no-repeat;
}
 
#content16{
	left: 						160px; 
	background: 				transparent url(img/portfolio/prev_g_esprit.jpg) no-repeat;
}