/*
INPIX index style sheet
Copyright 2007 Inpix.ca / macharron@inpix.ca
Last edit: 2008-10-17
*/

/* ! index */
#accueil #content { background: none; overflow: visible;}
#accueil #header, #accueil #footer, #accueil #slide { width: 100%; min-width: 760px; max-width: 820px;}
#accueil .outside { position: relative; float: left; margin: 0 5px 3px -30px; display: block;}
	
#projects_column { background: url(/img/bg_home.gif) right 0 repeat-y; width: 60%; float: left;}

	#projects_column #project { padding-bottom: 5px; width: 100%;}
	#projects_column #project .subtitle { font-size: .4em; font-weight: bold; text-transform: uppercase; display: block;}
	#projects_column #project h2, #projects_column #project p { margin-left: 30px; margin-right: 30px;}
	#projects_column #project h2 { margin-bottom: 10px; padding: 0 0 15px; background: url(/img/line_title.gif) 0 bottom repeat-x;}
	#projects_column #project h2 a { display: inline; color: #525241; font-size: 2.45em; line-height: 1em;}
	#projects_column #project h2 a:hover, #projects_column #project h2 a:active, #projects_column #project h2 a:focus, 
	#projects_column #project h2 a:hover span, #projects_column #project h2 a:active span, #projects_column #project h2 a:focus span { color: #757567; text-decoration: none;}
	
	/* see more in styles.css */
	#projects_column #portfolio { border-top: 1px solid #d6d6d6; padding-top: 25px; margin: 0;}
	#projects_column #portfolio h2 { font-size: 2.45em;}
	#projects_column #portfolio h2 a { color: #525241; margin : 0 0 40px 30px; display: inline;}
	#projects_column #portfolio h2 a:hover, #projects_column #portfolio h2 a:active, #projects_column #portfolio h2 a:focus { color: #757567; text-decoration: none;}
	#projects_column #portfolio div { margin: 0 0 0 30px; width: 100%; overflow: hidden;}
	#projects_column #portfolio div dl { padding: 0 27px 15px;}
	
	#projects_column #realisation { clear: both; margin: 0; padding: 15px 30px; border-top: 1px solid #d6d6d6;}

#news_column { background: #fff; width: 40%; float: right; position: relative;}
	#news_column #options, #news_column #propos, #news_column #news h3 { margin: 0 30px;}
	#news_column #options, #news_column #propos { background: url(/img/dotted_line.gif) 0 bottom repeat-x; padding: 0 0 20px; margin-bottom: 13px;}
	#news_column #options p, #news_column #propos p { margin: 0;}
	
	/* see more in styles.css */
	 #accueil #options { width: 81.8%; float: right; display: block; padding: 0 0 18px;}
	 #accueil #options #txt span { padding: 0 0 2px;} /*bug Safari 2*/
	
	#news_column #propos h3 a { display: block; margin-bottom: 10px; height: 34px; background: url(/img/fr/t_propos.gif) center 0 no-repeat; text-indent: -9000px;}
	.en #news_column #propos h3 a { height: 32px; background: url(/img/en/t_propos.gif) center 0 no-repeat;}
	#news_column #propos .brief { margin: 0 0 10px;}
	#news_column #propos h3 a:hover, #news_column #propos h3 a:active, #news_column #propos h3 a:focus { background-position: center -34px;}
	.en #news_column #propos h3 a:hover, .en #news_column #propos h3 a:active, .en #news_column #propos h3 a:focus { background-position: center -32px;}
	
	/* news */
	#news_column #news h3 a { display: block; margin-bottom: 18px; height: 18px; background: url(/img/fr/t_nouvelles.gif) center 0 no-repeat; text-indent: -9000px;}
	.en #news_column #news h3 a { height: 18px; background: url(/img/en/t_nouvelles.gif) center 0 no-repeat;}
	#news_column #news h3 a:hover, #news_column #news h3 a:active, #news_column #news h3 a:focus { background-position: center -18px;}
	#news_column #news h4 { color: #898989; text-transform: uppercase; font-size: 1em; margin: 0 0 8px; padding: 15px 0 0; background: url(/img/stars.gif) center 0 no-repeat;}
	#news_column #news h4, #news_column #news h5 { text-align: center; line-height: 1.5em; font-weight: bold;}
	#news_column .intern, #news_column .others { margin: 0 22px 8px; padding: 8px; cursor: pointer;}
	#news_column .intern p, #news_column .others p { margin-bottom: 0;}
	
	#news_column .intern h5 a { font-weight: bold; text-transform: uppercase; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .9em;}
	
	#news_column .others { font-size: 1.1em; color: #818181;}
	#news_column .others h5 a { font-weight: bold; font-style: italic; font-size: 1em;}
	
	#news_column #all { margin: 0; padding: 15px 30px; border-top: 1px solid #d6d6d6;}

	#vid { z-index: 999; position: absolute; top: 102px; left: 50%; margin: 0 0 0 -490px;}
	
/* IE6 HACK */
* html #accueil #options { display: inline; width: auto;}
* html #projects_column #portfolio div { width: 89%;}
* html #vid { position: absolute; top: 103px;}

/* IE7 HACK */
*:first-child+html #vid { position: absolute; top: 103px;}

/* IE5 MAC HACK */
* html>body#accueil #options { display: none;}