/*
INPIX main style sheet
Copyright 2009 Inpix.ca / macharron@inpix.ca
Last edit: 2009-06-03
*/

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, font, img, ins, kbd, q, s, samp,
small, strike, 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;}

body { background: #fff url(/img/bg_body.gif) 0 0 repeat; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 76%; color: #000;}

	a { color: #489ab9; text-decoration: none; font-weight: bold;}
	a:hover, a:active, a:focus { text-decoration: underline;}
	a:visited { color: #3f6675;}
	a.arrows:visited { color: #990002;}
	#header ul li a:visited, #options a:visited, #footer ul li a:visited, #column .top a { color: #489ab9;}
	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: #990002; font-weight: bold; cursor: default; font-family: Verdana, Arial, Helvetica, sans-serif;}
	.arrows:hover { /*text-decoration: none;*/ cursor: pointer;}
	.clearer { clear: both; height: 1px; line-height: 0; font-size: 1px;}
	.external { padding: 0 15px 0 0; background: url(/img/img_external.gif) right center no-repeat;}
	.hidden { visibility: hidden;}
	.less { padding: 0 0 0 13px; background: url(/img/fleches2.gif) left center no-repeat;}
	.more { padding: 0 13px 0 0; background: url(/img/fleches.gif) right center no-repeat;}
	.outside { display: none;}
	.printonly { display: none;}
	.required { color: #585846; font-size: .85em;}
	.sublink { text-transform: uppercase; letter-spacing: .2em;}
		.sublink a { font-weight: normal; padding-right: 15px; background: url(/img/fleches.gif) right center no-repeat;}
	.subtitle { color: #525241; font-size: 1em; font-weight: bold; text-transform: uppercase;}
	.sup { font-size: 90%; line-height: 9px; position: relative; top: -3px;}
	.secondary { color: #990002; text-transform: uppercase; font-style: italic; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; letter-spacing: .2em;}
	
	.ls-norm li { list-style-type: disc;}

#container { min-width: 760px; max-width: 820px; margin: 0 auto; text-align: left; font-size: 90%; position: relative;}
* html #container { width: 820px;}

/* ----------------------------------------------------
! header */
#header { margin: 0 0 10px; width: 100%; overflow: hidden;}
	
	#header #top { background: #fff; margin: 0 0 1px; padding-bottom: 10px; width: 100%; overflow: hidden;}
		#header #top h1 { float: left; margin: 10px 0 0 30px; display: inline;}
		#header #top h1 a { display: block; width: 155px; height: 40px; background: url(/img/logo_header.gif) 0 0 no-repeat;}
		#header #top h1 a:hover, #header #top h1 a:active, #header #top h1 a:focus { background-position: 0 -40px;}
		#accueil #top h1 a:hover { background-position: 0 0;}
		#accueil #header #top h1, #accueil #header #top h1 a:hover { cursor: auto;}
		#header #top p { float: right; margin: 16px 30px 0 0; font-size: .9em; display: inline;}
	
	#header #menu { float: left; background: #fff; width: 100%;}
		#header ul { float: right; list-style-type: none; text-transform: uppercase; font-size: .85em; margin: 0 23px; display: inline;}
		.en #header ul { float: left; margin: 0 0 0 152px;}
			#header ul li { float: left; line-height: 3.3em; margin: 0 8px 0; display: inline;}
			#header ul li a { float: left; display: block; padding: 0 0 0 10px; text-decoration: none; background: url(/img/fleches.gif) 0 -9000px no-repeat;}
			#accueil #header ul #bt_accueil a, #apropos #header ul #bt_apropos a,
			#expertises #header ul #bt_expertises a, #realisations #header ul #bt_portfolio a, #presse #header ul #bt_presse a
			#emplois #header ul #bt_emplois a, #joindre #header ul #bt_joindre a, #nouvelles #header ul #bt_nouvelles a { color: #000; background: url(/img/fleches.gif) 0 center no-repeat; cursor: default;}
			#header ul li a:hover, #header ul li a:active, #header ul li a:focus { background: url(/img/fleches.gif) 0 center no-repeat;}

/* ----------------------------------------------------
! content */
#content { background: #fff; /*margin: 0 0 30px;*/ overflow: hidden; }

	.crumbslink { width: 100%; overflow: hidden;}
	#crumbs { padding: 15px 30px;}
		#crumbs a { font-weight: normal;}
		#nouvelles #crumbs { width: 65%; float: left;}
		#realisations #crumbs { width: 50%; float: left;}
		#realisations.en #crumbs { width: 60%;}
	#realisations #others a { float: right; padding: 15px 15px 15px 0; margin: 0 30px 0;}
	#nouvelles #rss a { float: right; font-size: .9em; text-transform: uppercase; letter-spacing: .2em; font-weight: normal; padding: 15px 30px 15px 0; margin: 0 30px 0; background: url(/img/rss.gif) right center no-repeat;}
	
	#slide { width: 100%; overflow: hidden; background: #fff; padding: 0 0 20px;}
	#apropos #slide,
	#nouvelles #slide,
	#presse #slide,
	#expertises #slide,
	#emplois #slide,
	#joindre #slide { display: none;}
	
	#bt_pdf { position: absolute; top: 102px; left: -90px; width: 90px; height: 40px; background: url(/img/fr/bt_pdf.gif) 0 0 no-repeat; text-indent: -9000px;}
	.en #bt_pdf { background-image: url(/img/en/bt_pdf.gif);}

	#projects_column p, #news_column p, #column p, #column ul, .nouvelle p { margin-bottom: 15px; line-height: 1.5em;}
	
	#sidebar { width: 31%; float: left; margin: 0 0 0 30px; padding-bottom: 10px; display: inline;}
		#sidebar h2 { color: #585846; font-size: 3em; margin: 30px 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; background: url(/img/dashed_line.gif) 0 0 repeat-x;}
		#sidebar .sub li { margin: 0 0 15px; }
		#sidebar .sub li a { display: block; padding: 0 0 0 15px; background: url(/img/fleches.gif) 0 5px no-repeat;}
	
		#sidebar h3 { padding: 0 0 13px; margin: 30px 0 10px;}
		#sidebar h3 span { background: url(/img/dashed_line.gif) 0 bottom repeat-x; padding: 0 0 13px; }
		#sidebar h3.projet { margin: 0; text-transform: uppercase; padding: 0;}
		
		#sidebar address, #joindre #sidebar ul, #realisations #sidebar p{ color: #5f5f5f; list-style-type: none; line-height: 1.5em;}
		#sidebar .map { width: 100%; overflow: hidden;}
		#sidebar address { margin: 0 0 20px;}
		#joindre #sidebar ul { margin: 0 0 35px;}
		#sidebar .resize a { font-size: .85em; margin: 8px 0; display: block;}
		
		#sidebar .extra { line-height: 1.4em; font-size: .8em;}
		
		#realisations #sidebar p, #nouvelles #sidebar p { margin: 0 0 15px 0;}
		#realisations #sidebar p.subtitle { margin: 0 0 5px;}
	
	#column { width: 56%; float: right; margin: 0 60px 30px 0; display: inline; position: relative;}
		#column.taf { min-height: 390px;}
			* html #column.taf { height: 390px;}
		#nouvelles #column.taf { min-height: 350px; position: static;}
			* html #nouvelles #column.taf { height: 350px; position: static;}
		
		#column.tafnouvelle { position: static;} /* fix ie */
	
		#column h3 { padding-top: 20px; border-top: 1px solid #d6d6d6; }
		#column h3.big { font-size: 126%; font-weight; bold; margin-bottom: 15px;}
		#column h3 a, #policy #column h3 { text-transform: uppercase; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 20px; font-weight: bold; font-size: .9em; color: #333;}
		#column h3 a:hover, #column h3 a:active, #column h3 a:focus { color: #5c5c5c;}
		#column h3.first { padding-top: 0; border: 0;}
		#column ul { list-style-type: none; margin-left: 30px;}
		#column .top { text-align: right;}
		#column .top a { font-size: .85em;}
		
		#column #pagenav { width: 100%; overflow: hidden; margin-top: 50px;}
			#column #pagenav #previous { width: 49%; float: left;}
			#column #pagenav #next {/* width: 49%;*/ float: right;}
			/*#column #pagenav #next a { display: block; text-align: right;}*/
		
		/* emplois - joindre */
		form { position: relative; 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;*/ width: 78%; border: 1px solid #d2d2d2; 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: 365px;}
			form input { height: 1.7em; margin-bottom: .7em;}
			form textarea { height: 6em; margin-bottom: 1.5em;}
			#joindre form textarea { height: 12em;}
			form .file { padding-bottom: 20px;}
			/* bt */
			/*#column form #bt_add { margin: 0 0 0 6px; padding-bottom: 20px;}*/ /* button not used */
			/*#column form #bt_add a { display: block; width: 126px; height: 21px; background: url(/img/fr/bt_add.gif) 0 0 no-repeat; text-indent: -9000px;}*/
			form .bt_send { margin-left: 365px;}
			form .bt_send a { display: block; width: 72px; height: 23px; background: url(/img/fr/bt_send.gif) 0 0 no-repeat; text-indent: -9000px;}
			.en form .bt_send a { width: 72px; height: 23px; background: url(/img/en/bt_send.gif) 0 0 no-repeat;}
			/* error */
			form .error label, .error input, .error p { color: #ff0000;}
			form .error input, form .error textarea { border: 1px solid #ff0000;}
			form .msgerror { display: none;}
		
		/* popup */	
		/*.wait { filter: alpha(opacity=30); -moz-opacity: .30; opacity: .30;}*/ /* invalid */
		.popup { position: absolute; top: 50%; left: 50%; background: #fff; border: 1px solid #000; width: 250px; height: 95px; margin: -85px 0 0 -125px; z-index: 200; display: none;}
		.popup p.waiting { margin: 35px 15px 35px 45px; padding: 0 0 0 25px; background: url(/img/spinner.gif) 0 center no-repeat;}
		.popup p.over { margin: 22px 15px 22px; text-align: center;}
		.popup p.over a { display: block; width: 40px; height: 23px; margin: 10px 0 0 90px; background: url(/img/bt_ok.gif) 0 0 no-repeat; text-indent: -9000px;}
	
	/* realisations */
	#portfolio { padding-top: 25px; margin: 0 0 0 30px;}
		#portfolio h2, #nouvelles_content h2 { color: #525241; font-size: 3em; line-height: 1em; margin: 0 0 40px;}
		#portfolio div { margin: 0; width: 100%; overflow: hidden;}
		#portfolio div dl { width: 153px; float: left; padding: 0 15px 15px; height: 15em; display: inline;}
		#portfolio div dd { margin: 5px 0 0 5px;}
		#portfolio div dd a { display: block; width: 100%;}
		#portfolio div dd a span { font-weight: normal;}
	
	/* others_projects */
	#others_projects { background: #fff; padding: 25px 30px; margin: 1px 0 0;}
		#others_projects h3 { width: 100%; color: #525241; font-size: 2.5em; line-height: 1.2em; margin : 0 0 25px;}
		#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:hover, #others_projects ul li a:active, #others_projects ul li a:focus { background: url(/img/fleches.gif) 0 center no-repeat;}
		#others_projects ul li a span { font-weight: normal;}
	
	/*news*/
	#nouvelles_content { position: relative; margin: 0 30px; }
		#nouvelles_content .title { width: 100%; overflow: hidden; margin : 0 0 20px; }
		#nouvelles_content h2 { width: 35%; float: left; margin: 0;} /* see portfolio */
		
		.nouvelle { width: 100%; overflow: hidden; margin: 0; padding: 15px 0; border-top: 1px solid #d6d6d6;}
		.nouvelle dl { margin: 0 10px 15px 0; width: 34%; float: left;}
		.nouvelle dl dt { font-size: .8em; }
		.nouvelle dl dd { text-transform: uppercase; }
		.nouvelle dl dd span { text-transform: lowercase; font-size: 90%; color: #666;}
		.nouvelle .url a { display: block; width: 26px; height: 10px; background: url(/img/img_url.gif) 0 0 no-repeat; text-indent: -9000px; margin: 5px 0 0;}
		.nouvelle div { width: 64%; float: left; margin: 0;}
		
		.pages { margin: 0 30px; padding: 0 0 30px; text-align: center;}
		.pages .num, .pages a { padding: 0 2px 0;}
		.pages .num { font-size: .9em; color: #585846; font-weight: bold;}
	
	#newsbar { position: relative; width: 92%; padding: 20px 0 19px; margin: 20px 30px 20px; border-bottom: 1px solid #d6d6d6; border-top: 4px solid #d1d1bb;}
	#newsbar #back { width: 225px; float: left;}
	
	/* content options */
	.nooptions #options, .nooptions #taf_box { display: none;}
	#options { margin-bottom: 30px; width: 100%; overflow: hidden;}
		#nouvelles_content .title #options { width: 64%; float: right; margin: 10px 0 0;}
		#newsbar #options{ width: 460px; margin: 0 0 0; float: right;}
	#options div { float: right; display: inline;}
	#options p { color: #585846; font-size: .85em; font-weight: bold; line-height: 2.1em; float: left; margin: 0 0 0 20px;}
	
	#options #print a, #options #print2 a, #options #taf a { display: block; padding-right: 25px;}
	#options #print a, #options #print2 a { background: url(/img/bt_print.gif) right center no-repeat;}
	#options #taf { display: none;}
	#apropos #options #taf, #expertises #options #taf, #realisations #options #taf, #newsbar #options #taf { display: block;}
	#options #taf a { background: url(/img/bt_taf.gif) right center no-repeat;}
	
	#options #txt span { display: block; float: left; margin: 0 10px 0 0;}
	#options #txt a { display: block; width: 24px; height: 18px; background-position: 0 0; background-repeat: no-repeat; text-indent: -9000px; float: left; margin: 0 1px 0 0; overflow: hidden;}
	#options #txt a#txtsmall { background-image: url(/img/bt_small.gif);}
	#options #txt a#txtbig { background-image: url(/img/bt_big.gif);}
	#options #txt a:hover, #options #txt a:active, #options #txt a:focus, #options #txt a.selected { background-position: 0 -18px;}
	#options #txt a.selected { cursor: default;}
	
	/* taf */
	#taf_box { position: absolute; top: 40px; right: -10px; background: #eef0f2; z-index: 200; width: 480px; padding: 0; border-bottom: 1px solid #d6d6d6; display: none; }
		#taf_box p, #nouvelles_content #taf_box p, #newsbar #taf_box p { margin-bottom: 15px; line-height: 1.5em;}
		/* exception */
		#newsbar #taf_box { top: 59px; right: 15px;}
		
	#taf_box h4 { color: #585846; font-size: 2em; margin: 0 0 20px 20px;}
	#taf_box .required { margin-left: 20px;}
	#taf_box .close {  text-align: right; border-top: 1px solid #d6d6d6; padding: 5px 5px 0 0; margin: 0;}
	#taf_box .close a { color: #88887b; font-size: .85em; font-weight: normal; background: url(/img/bt_close.gif) right center no-repeat; padding: .6em 20px .6em 0;}
	
	#taf_box form { margin: 0 0 15px 20px;}
		#taf_box form fieldset { margin: 0;  padding: 0;}
		#taf_box form fieldset div { width: 100%; overflow: hidden; margin: 0 0 10px 0;}
		#taf_box form label { display: block; width: 131px; float: left; padding: 0 5px 0; margin: 0; text-align: right; line-height: 1.7em;}
		#taf_box form input, #taf_box form textarea { width: 286px; float: left; margin: 0 0 0 5px; color: #747474;}
		#taf_box form textarea { height: 10em;}
	
	#taf_box #buttons { width: 100%; overflow: hidden;}
		#taf_box #buttons .bt_send { width: 72px; float: left; margin-left: 146px; display: inline; }
		#taf_box #buttons #cancel { float: right; margin-right: 30px; display: inline; background: #eef0f2;}
		#taf_box #buttons #cancel a { line-height: 23px;}

/* ----------------------------------------------------
! footer */
#footer { padding: 30px 0 30px; width: 100%; overflow: hidden; color: #606060;}
	#footer #address { width: 51%; float: left; display: inline; margin-left: 30px;}
	.en #footer #address { width: 41%;}
		#footer #address address { font-style: normal;}
	#footer #footer_menu { width: 44%; float: right; display: inline;}
	.en #footer #footer_menu { width: 54%; }
	#footer ul { float: right; overflow: hidden; margin-right: 30px; list-style-type: none; display: inline;}
		#footer ul li { float: left; margin-left: 10px; line-height: 1.5em;}
		#footer ul li a { margin-left: 15px;}

/* IE 6 HACK */
* html .popup { top: 30%;}
* html .popup p.over a { margin: 10px 0 0;}
/* IE5 MAC HACK */
* html>body #options { display: none;}
* html>body #container { width: 820px;}
* html>body #sidebar { width: 250px;}
* html>body #column { width: 460px;}