/*
INPIX print style sheet
Copyright 2007 Inpix.ca / macharron@inpix.ca
Last edit: 2007-08-22
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}

.printonly { display: block;}
#header #menu, #header #top p, #crumbs, #slide, #txt, #rss, #taf_box, 
#pagenav, #options, #newsbar #back, #news_column #all, form .msgerror, .popup, .pages,
#projects_column #realisation, #footer #footer_menu, .noprint, .sublink, .outside { display: none;}

body { background: #fff; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 76%; color: #000;}

	a { color: #000; text-decoration: none; font-weight: bold;}
	a em { font-style: italic;}
	
	h1, h2, h3, h4, h5, h6, .subtitle, #realisation, #propos, #news, #crumbs { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal;}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { display: block; text-decoration: none; font-weight: normal;}
	h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: none;}
	
	.arrows { color: #000; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
	.clearer { clear: both; height: 1px; line-height: 0; font-size: 1px;}
	.hidden { visibility: hidden;}
	.required { color: #000; font-size: .8em;}
	.sup { font-size: 90%; line-height: 9px; position: relative; top: -3px;}
	.secondary { text-transform: uppercase; font-style: italic; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; letter-spacing: .2em;}
	.subtitle { color: #525241; font-size: 1em; font-weight: bold; text-transform: uppercase;}

#container { width: 100% !important; margin: 0 auto; text-align: left; font-size: 90%; /*overflow: hidden;*/}
#header #top { padding-bottom: 30px;}
#header #top h1 a { background: none;}
#content { background: #fff;}
	
	#projects_column p, #news_column p, #column p, #column ul, .nouvelle p { margin-bottom: 15px; line-height: 1.5em;}

	/*sidebar*/
	#sidebar { width: 34%; float: left; display: inline;}
		#sidebar h2 { font-size: 3em; margin: 0 0 20px;}
		#sidebar h2 .secondary { display: block; font-size: .3em; margin: 0 0 10px;}
		#realisations #sidebar h2 { margin-top: 0;}

		#sidebar .sub { width: 183px; list-style-type: none; padding-top: 15px;}
		#sidebar .sub li { margin: 0 0 15px; }
		#sidebar .sub li a { display: block; padding: 0 0 0 15px;}
	
		#sidebar h3 { padding: 0 0 13px; margin: 30px 0 10px;}
		#sidebar h3 span { padding: 0 0 13px; }
		#sidebar h3.projet { margin: 0; text-transform: uppercase; padding: 0;}
		
		#sidebar address, #joindre #sidebar ul, #realisations #sidebar p { list-style-type: none; line-height: 1.5em;}
		#sidebar address { margin: 0 0 20px;}
		#joindre #sidebar ul { margin: 0 0 35px;}
		#sidebar .resize a { font-size: .8em; margin: 8px 0; display: block;}
		
		#realisations #sidebar p { margin: 0 0 15px 0;}
		#realisations #sidebar p.subtitle { margin: 0 0 5px;}
		
	/* column */
	#column { width: 65%; float: right; margin: 0 0 10px 0; display: inline;}
		#column h3 a { text-transform: uppercase; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 20px; font-weight: bold; font-size: .9em; padding-top: 20px; border-top: 1px solid #000;}
		#column h3.first a { padding-top: 0; border: 0;}
		#column ul { list-style-type: none; margin-left: 30px;}
		#column .top { text-align: right;}
		#column .top a { font-size: .8em;}
	
	/* emplois */
	form { margin: 0 0 15px;}
		form fieldset { background: #eef0f2; margin: 0 0 15px; padding: 20px 30px 0;}
		form label { display: block; margin: 0 0 .5em;}
		form input, form textarea { width: 311px; border: 1px solid #000; background: #fff; margin: 0 0 0 6px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em;}
		form .type2 input, form .type2 textarea { /*width: 380px;*/ width: 95%; }
		form #i_societe, form .type2 textarea { margin-bottom: 25px;}
		form noscript input { width: auto; height: auto; border: none; margin-left: 35px;}
			form input { height: 1.7em; margin-bottom: .7em;}
			form textarea { height: 6em; margin-bottom: 1.5em;}
			#joindre form textarea { height: 12em;}
			/* bt */
			form .bt_send { margin-left: 35px;}
	
	/* realisations */
		#portfolio h2, #nouvelles_content h2 { font-size: 3em; line-height: 1em; margin : 0 0 40px;}
		#portfolio #portfolio_container * { float: none!important;}
		#portfolio #portfolio_container { margin: 0; width: 100%; /*overflow: hidden;*/}
		#portfolio #portfolio_container dl { width: 153px; float: none; margin: 0 5px 15px; /*height: 15em;*/ /*display: inline;*/ /*overflow: hidden;*/}
		#portfolio #portfolio_container dd { width: 153px; margin: 5px 0 15px;}
		#portfolio div dd a span { font-weight: normal;}
	
	/* others_projects */
	#others_projects { padding: 0; margin: 1px 0 0; clear: both;}
		#others_projects h3 { font-size: 2.5em; line-height: 1em; margin : 0 0 30px;}
		#others_projects ul { list-style-type: none; width: 48%; float: left; padding: 0 0 15px; margin: 0 10px 0 0;}
		#others_projects ul li { width: 100%;}
		#others_projects ul li a { padding: 0 0 0 15px; display: block; line-height: 1.6em; }
		#others_projects ul li a span { font-weight: normal;}
	
	/*news*/
		#nouvelles_content .title { width: 100%; overflow: hidden; margin : 0 0 20px; }
		#nouvelles_content h2 { width: 60%; float: left; margin: 0;} /* see portfolio */
		
		.nouvelle { width: 100%; overflow: hidden; margin: 0; padding: 15px 0; border-top: 1px solid #000;}
		.nouvelle dl { margin: 0 10px 15px 0; width: 30%; float: left;}
		.nouvelle dl dd { text-transform: uppercase; font-weight: bold; }
		.nouvelle div { width: 65%; float: left; margin: 0;}
			
	#newsbar { padding: 0; margin: 20px 30px 20px;}
		
	/* footer */
	#footer { margin: 0 0 30px; padding: 10px 0 0; width: 100%; overflow: hidden; clear: both;}
	#footer #address address { font-style: normal;}
	
	/* -----------------------------------------------------------------------------
	/* ! index */
	#projects_column { width: 64%; float: left;}
	
	#projects_column #project { padding-bottom: 5px;}
	#projects_column #project .subtitle { font-size: .4em; font-weight: bold; text-transform: uppercase; background: #fff; display: block;}
	#projects_column #project h2 a { display: block; font-size: 2.45em; line-height: 1em; margin-bottom: 10px; padding: 0 0 15px;}
	
	/* see more in styles.css */
	#projects_column #portfolio { padding-top: 25px;}
	#projects_column #portfolio h2 a {  margin: 0 0 40px 0;}
	#projects_column #portfolio div { width: 100%; overflow: hidden;}
	#projects_column #portfolio div dl { padding: 0 10px 15px; float: left;}
	
	#news_column { width: 34%; float: right;}
	#news_column #options, #news_column #propos { padding: 0 0 20px; margin-bottom: 13px;}
		
	#news_column #propos { text-align: center; padding: 8px; }
	#news_column #propos h3 a { display: block; margin-bottom: 10px; font-size: 1.3em; font-weight: bold;}
	
	/* news */
	#news_column #news h3 a { margin-bottom: 10px; text-align: center; font-size: 1.3em; font-weight: bold;}
	#news_column #news h4 { text-transform: uppercase; font-size: 1em; margin: 0 0 8px; padding: 15px 0 0;}
	#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;}
	#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;}
	#news_column .others h5 a { font-weight: bold; font-style: italic; font-size: 1em;}