body {
	color:#CCCCCC;
	margin: 0;
	padding: 0;
	background: Black url(../img/backgd_flip.jpg) fixed;
	font-family: "MS Sans Serif", Geneva, sans-serif;
	font-size: 10px;
	line-height: 13px;
}



/* TEXT TAGS */
h1 { font-size: 11px; font-weight: normal; height:15px;	margin: 0px; color:white; }
h2 { font-size: 12px; margin-top: 0px; margin-bottom: 0px; padding-top: 30px; height: 24px; color:white; }
h3 { font-size:12px; }
h4 { font-size: 11px; text-indent: 0; padding: 0; margin: 0; }

hr { padding: 0px; display:none; }

p { padding: 0; margin: 0; font-size: 10px; font-weight: normal; line-height: 17px;	background-color: Black; }
	p.title { font-size: 15px; padding-bottom:20px; }
	p.agency{ background-color: transparent; line-height: 25px;	font-size: 12px; padding-bottom: 8px; }
	p.desc{ background-color: transparent; line-height: 12px; font-size: 10px; }
	p.txt {	text-align: justify; padding: 5px; }
	p.link { text-align: right;	padding: 5px; }
	em { font-style: normal; }
	em.bold { font-weight:bold; color: white; }
	em.underline { text-decoration: underline; }
	em.keyword { color:Black; background-color: White; }
	em.color { color:White; background-color: maroon; }
	em.ref { color: #FFCC00; }
/* ----------------*/




/* LINKS */
a { text-decoration: none; color: #FFCC00; }
	a:hover { color: black;	background-color: #ffcc66; }
	

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



.clear { clear: both; display:none; visibility:hidden; }



/* ---------------------------------- */
/* layout */
#container {
	position:absolute;
	left: 50%;
	top: 50%;
	width: 540px;
	height: 490px;
	margin-top: -245px; /* moitié de la hauteur */
	margin-left: -270px; /* moitié de la largeur */
	background-color: black;	
	border:solid 1px #f6a21d;
}

#flash {  }

#header { width: 400px; height: 80px; padding: 84px 0px 0px 100px; margin-bottom: 0px; border: 20px solid #000000; background: Black url(../img/backgd_header.jpg) no-repeat top left; text-align: left; }
	#header #baseline { width:100%; padding: 1px 0px 1px 1px; background-color: black; }

/* mainNav */
#mainnav { width:400px;	height:auto; position: relative; top: 10px; background-color: Black; margin: 0px; padding: 0px; letter-spacing: 0.1em;}
	#mainnav h2 { display:none;	visibility:hidden; }
	#mainnav ul { list-style: none outside none;	margin: 0px; padding: 1px 0px 0px 1px; }
		#mainnav li { display: block; margin: 0px; padding: 2px 0px 0px 8px; height: 15px; font-size: 9px; font-weight: normal; text-align: leftt; }
			#mainnav li.selected { color: white; background-color: maroon; padding-right: 20px;	height: 15px; }
				#mainnav li.selected em { font-weight: bold; }
/* ---------------*/


#content {width: 400px;	padding: 0px 0px 0px 100px; margin-bottom: 0px;	border-right: 20px solid #000000; border-bottom: 20px solid #000000; border-left: 20px solid #000000; text-align: left; }
	
	/* page index.htm */
	#content .intro { padding:20px 0px 0px 15px;  }
	
	/* pages portfolio */
	#content #subnav { text-align: left; letter-spacing: 0.1em; font-weight: bold; }
		#content #subnav h2 {/*visibility: hidden; display: none;*/ }
		#content #subnav ul { list-style: none inside none; padding-left: 0px; padding-right: 0px; margin-left: 0px; margin-top: 0px; font-size: 11px; text-align: right; line-height: normal; }
			#content #subnav ul li {	float: left; display: block; width: 95px; height: 110px; padding-top: 5px; }
				#content #subnav ul li.small {width: 45px; height: 45px; }
					#content #subnav ul li img { border:0px }
					
	#content #references { padding-top:140px;  }
	
	#content_online { width: 400px;	padding: 0px 0px 0px 100px; margin-bottom: 0px; border: 20px solid #000000; border-top: 18px solid #000000; text-align: left; background: Black url(../img/pola_big_online.jpg) no-repeat 15px top; }
	#content_offline { width: 400px; padding: 0px 0px 0px 100px; margin-bottom: 0px; border: 20px solid #000000; border-top: 18px solid #000000; text-align: left; background: Black url(../img/pola_big_offline.jpg) no-repeat 15px top; }
	#content_sound { width: 400px; padding: 0px 0px 0px 100px; margin-bottom: 0px; border: 20px solid #000000; border-top: 18px solid #000000; text-align: left; background: Black url(../img/pola_big_sound.jpg) no-repeat 15px top; }
	#content_print { width: 400px; padding: 0px 0px 0px 100px; margin-bottom: 0px; border: 20px solid #000000; border-top: 18px solid #000000; text-align: left; background: Black url(../img/pola_big_print.jpg) no-repeat 15px top; }	
	
		#jobList { width: 285px; height: auto; margin-left:115px; }
			#jobList img.pola {	padding-top: 60px; padding-left: 8px; }
			/*define here the height value for IE... */
			#jobList ul { height: 225px; overflow: auto; scrollbar-base-color: Gray; /*(for IE only) */ list-style: none outside none; padding: 0; margin: 0;	}
			/*and define here the real value for other browsers */
			#jobList>ul { height:228px;	}
				#jobList ul a { display:block; cursor:pointer; }	
				#jobList ul a:hover { background:none;}	
					#jobList ul li { width:268px; padding: 0; margin: 0; }			
						#jobitem { padding: 5px; background-color: Black; height: 65px; border-bottom: 1px dotted red; }
						#jobitem:hover { background-color: maroon; /*(buggy on IE) */ }
							#jobitem #pola { padding: 0px 5px 0px 0px; float:left; }
								#jobitem #pola img { width:65px; height: 65px;}
									#jobitem #pola a img{ border:0; }
							#jobitem p.title { background-color: transparent; font-size: 10px; font-weight: normal; line-height: 13px; text-align: left; color:#FFCC00; padding-bottom:5px; }
							#jobitem p.title a:hover { color:#FFCC00; text-decoration:underline; }
							#jobitem p.cat { background-color: transparent;	font-size: 9px;	line-height: 13px; 	text-align: left; color: ThreedShadow; }

	/* page services */
	#content #services { text-align: right; letter-spacing: 0.1em; font-weight: bold; margin-top:20px;}
		#content #services h2 {color: #FFCC00; font-size:18px; margin:0; padding:0;}
		#content #services #cat {	float: left; width: 95px; height: 110px; padding-top: 5px; }
			#content #services #cat #desc { border-right:1px solid ThreedShadow; font-size: 9px; font-weight: normal; line-height: 13px; margin: 8px 2px 0px 0px; padding: 0px 7px 0px 0px; text-align: right; letter-spacing: 0; color: ThreedShadow; }
	
	/* page about */
	#content #about { height:240px; overflow: auto; margin-top:20px; }
		#content #about #intro { padding-bottom: 10px; color: White; }
		#content #about p { padding-bottom: 10px; color: ThreedShadow; }

	
	/* page contact */
	#content #contact { height:240px; margin-top:20px; background: Black url(../img/pola_contact.jpg) no-repeat 200px top;}
		#content #contact #intro { padding-bottom: 10px; color: White; background:transparent; }
		#content #contact p { padding-bottom: 10px; color: ThreedShadow; background:transparent; }
		
		


/* Portfolio bic pic */

#jobDetail { width: 500px; height: 450px; border: 20px solid #000000; background: black; padding: 0; margin: 0; }
	
	/*#jobDetail #anchorLinks { margin-bottom:5px; }*/
	#jobDetail #pics { width: 495px; height:356px; /*border:1px solid maroon;*/ padding:3px; margin-bottom:5px; /*overflow: auto;*/ }
		#jobDetail #pics img { border:1px solid ThreedShadow;  }
		#jobDetail #pics #flash { border:1px solid ThreedShadow; text-align:center; vertical-align:middle; }
	#jobDetail #infos {  width: 495px; height:75px; /*border:1px solid maroon;*/ padding:3px;  }
		#jobDetail #infos p { padding:0; margin:0; text-align: left; padding-left:2px;}
		#jobDetail #infos p.title { font-size: 14px; font-weight: bold; color:#FFCC00; }
		#jobDetail #infos p.desc { font-size: 9px; color: white; padding-bottom:4px; border-bottom:1px solid ThreedShadow; }
		#jobDetail #infos p.task { font-size: 9px; color: ThreedShadow; border-bottom:1px solid ThreedShadow;}
		#jobDetail #infos p.url { float:right; font-size: 10px; font-weight: normal; color:#FFCC00; padding-top:4px;}
	 	#jobDetail #infos #back { height:15px; margin-bottom:3px; padding-top:4px;}
	
	
	



#footer{ color: ButtonShadow; }







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













/* ---------------------------------- */
/* INFOBULLE : start ----------------*/
a.infobulle {
	position: relative;
	text-decoration: none;
	color: #FFCC00;
}
a.infobulle span {
	display:none;
}
a.infobulle:hover{
	background:none; /*contournement bogue IE */
	z-index: 500;
	color: black;
	background-color: yellow;
}
a.infobulle:hover span {
	display: inline;
	position: absolute;
	z-index: 500;
	top: 15px;
	left: 15px;
	background: yellow;
	text-align: center;
	color: white;
	padding: 0.2em;
}
/* INFOBULLE : end ----------------*/







/* 1-col layout - start */
#oneCol {
	clear: both;
	text-align: left;
	width: 380px;
}
#oneCol ul {
	/*
	height:190px;
	overflow: auto;
	*/
	list-style: none outside none;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 5px 0px;
	background: black;
	/*border-bottom: 3px solid Gray;*/
}
#oneCol ul li {
	padding-bottom:5px;

}
/* 1-col layout - end */

/* 2-col layout - left col : start */
#twoCol_L { 
	width: 180px;
	/*height: 230px;*/
	float: left;
	/*background-color: Fuchsia;*/
}
#twoCol_L p.txt {	
	/*height: 102px;*/
	height: auto;
}
/* 2-col layout - left col : end */