html
{
	direction: ltr;
	
	margin: 0px;
	padding: 0px;
	
	width: 100%;
}

body
{
	background-color: #161616;
	
	color: #fff;
	
	margin: 0px;
	padding: 0px;
	
	width: 100%;
}

#quickLinkBar
{
	text-align: center;
	
	margin: 0px;
	padding: 0px;
	
	width: 100%;
}

#quickLinkBar a
{
	background-color: #fff;
	background-image: url(/images/backgrounds/quickLinkBar.jpg);
	background-repeat: repeat-x;
	
	color: #b4cfe8;
	
	display: block;
	
	height: 45px;
	left: 0px;
	
	line-height: 45px;
	
	margin: 0px;
	padding: 0px;
	
	position: absolute;
	top: -50px;
	
	width: 100%;
	
	z-index: 900;
}

#quickLinkBar a:hover,
#quickLinkBar a:focus,
#quickLinkBar a:active
{
	top: 0px;
}

#siteContainer
{
	background-color: #231f20;
	background-image: url(/images/backgrounds/body.jpg);
	background-repeat: repeat-x;
	
	margin: 0px auto 0px auto;
	padding: 0px;
	
	position: relative;
	
	text-align: center;
	
	width: 100%;
}

#header
{
	background-color: #000;
	background-image: url(/images/backgrounds/header.jpg);
	background-repeat: no-repeat;
	
	color: #fff;
	
	display: block;
	
	height: 73px;
	line-height: 73px;
	
	margin: 0px auto 0px auto;
	padding: 0px;
	
	position: relative;
	
	width: 1008px;
	
	text-align: left;
	/*
	outline-style: solid;
	outline-color: lime;
	outline-width: 1px;
	*/
}

#trigosoftLogo
{
	display: block;
	
	height: 62px;
	float: left;
	
	margin: 0px;
	padding: 0px;
	
	position: relative;
	top: 10px;
	
	width: 233px;
}

#mainNavigation
{
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #7d7b7b;
	
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #000;
	
	display: block;
	
	height: 70px;
	float: right;
	
	list-style-type: none;
	
	margin: 5px 0px 0px 0px;
	padding: 0px;
	/*padding: 5px 0px 0px 0px;*/
	/*
	outline-style: solid;
	outline-color: fuchsia;
	outline-width: 1px;
	*/
}

#mainNavigation li
{
	background-color: #4b4a4a;
	
	display: block;
	float: left;
	
	height: 70px;
	
	margin: 0px;
	padding: 0px;
	
	position: relative;
	
	width: 162px;
	
	text-align: center;
}

#mainNavigation li.last
{
	margin: 0px;
}

#mainNavigation li a,
#mainNavigation li a:link,
#mainNavigation li a:visited,
#mainNavigation li a:hover,
#mainNavigation li a:focus,
#mainNavigation li a:active
{
	background-color: #231f20;
	background-image: url(/images/backgrounds/mainNavigationButton.jpg);
	background-repeat: repeat-x;
	
	border-left-style: solid;
	border-left-width: 2px;
	border-left-color: #2c2c2c;
	
	border-right-style: solid;
	border-right-width: 2px;
	border-right-color: #2c2c2c;
	
	color: #fff;
	
	display: block;
	
	height: 70px;
	
	margin: 0px;
	padding: 0px;
	
	position: relative;
	
	width: 162px;
}

#mainNavigation li a:hover,
#mainNavigation li a:focus,
#mainNavigation li a:active
{
	background-color: #231f20;
	background-image: url(/images/backgrounds/mainNavigationButtonOver.jpg);
	background-repeat: repeat-x;
}

#mainNavigation li a.selected
{
	background-color: #231f20;
	background-image: url(/images/backgrounds/mainNavigationButtonOver.jpg);
	background-repeat: repeat-x;
}

#mainNavigation li.last a
{
	margin: 0px;
	padding: 0px;
}

#breadCrumThread
{
	clear: both;
	display: block;
	
	list-style-type: none;
	
	/*
	margin: 40px 0px 0px 0px;
	padding: 0px;
	*/
	margin: 0px;
	padding: 40px 0px 0px 0px;
	
	position: relative;
}

#breadCrumThread li
{
	background-image: url(/images/icons/breadcrum-separator-dark-backgrounds.png);
	background-position: left center;
	background-repeat: no-repeat;
	
	color: #fff;
	
	display: block;
	float: left;
	
	list-style-type: none;
	
	margin: 0px;
	padding: 0px 0px 0px 15px;
}

#breadCrumThread li.first
{
	background-image: none;
}

#breadCrumThread li a
{
	color: #b3c6d8;
}

#contenu-principal
{
	background-color: #fff;
	background-image: url(/images/backgrounds/content.jpg);
	background-repeat: no-repeat;
	
	color: #686565;
	
	display: block;
	margin: 0px auto 0px auto;
	/*padding: 0px 300px 60px 60px;*/
	padding: 0px 300px 60px 30px;
	
	position: relative;
	
	/*width: 648px;*/ /* <desired-width> - <padding-left> - <padding-right> (1008px - 60px - 300px) */
	width: 678px;
	
	text-align: left;
	/*
	outline-style: solid;
	outline-color: red;
	outline-width: 1px;
	*/
}

#footer
{
	background-color: #161616;
	background-image: url(/images/backgrounds/footer.jpg);
	background-repeat: repeat-x;
	
	color: #565656;
	
	display: block;
	
	margin: 0px;
	padding: 10px 0px 60px 0px;
	
	width: 100%;
	
	text-align: center;
}

#footer address span.tel
{
	display: none;
}

#footer address span.adr
{
	display: none;
}

/* Generic styles */
.multiColumnLayout
{
	display: table;
	
	margin: 0px;
	padding: 0px;
	
	position: relative;
}

.multiColumnLayout .row
{
	display: table-row;
	
	margin: 0px;
	padding: 0px;
	
	position: relative;
}

.multiColumnLayout .row .column
{
	display: table-cell;
	
	margin: 0px;
	padding: 0px;
	
	position: relative;
	
	vertical-align: top;
}

.multiColumnLayout .twoColumns .column
{
	width: 50%;
}

.multiColumnLayout .threeColumns .column
{
	width: 33%;
}

/* Homepage styles */
#homepage #contenu-principal
{
	background-color: #032955;
	background-image: url(/images/backgrounds/homePageMainArea.jpg);
	background-repeat: no-repeat;
	
	margin: 0px auto 0px auto;
	padding: 0px;
	
	width: 1008px;
}

#homepage #contenu-principal .multiColumnLayout
{
	width: 100%;
}

#homepage #mainArea
{
	height: 389px;
	
	margin: 0px;
	padding: 0px;
	
	/*width: 1008px;*/
}

#homepage #mainArea #corporateSignatureContainer
{
	padding-left: 20px;
}

#homepage #servicesContainer
{
	background-color: #fff;
	background-image: url(/images/backgrounds/homepageServices.jpg);
	background-repeat: repeat-x;
	
	width: 1008px;
}

/* Contact form styles */
#coordonnees #contenu-principal
{
	background-color: #032955;
	background-image: url(/images/backgrounds/contact-form-main-area.jpg);
	background-repeat: no-repeat;
	
	/*height: 521px;*/
	
	margin: 0px auto 0px auto;
	padding: 0px;
	
	width: 1008px;
}

#coordonnees .multiColumnLayout
{
	margin: 0px;
	padding: 0px;
	
	width: 1008px;
}

#coordonnees #contactFormContainer
{
	position: relative;
	text-align: center;
}

#contactForm
{
	background-image: url(/images/backgrounds/contact-form.png);
	background-position: left top;
	background-repeat: no-repeat;
	
	display: block;
	
	height: 364px; /* background-image's height - padding-top - padding-bottom */
	
	margin: 40px auto 5px auto;
	
	overflow: auto;
	
	padding: 0px;
	
	position: relative;
	
	text-align: left;
	
	width: 412px;
}

#contactForm #fieldsContainer
{
	display: block;
	
	margin: 0px;
	padding: 0px 30px 10px 30px;
	
	position: relative;
	
	width: 350px;
	
	text-align: left;
}

#contactForm #fieldsContainer p
{
	margin: 0px;
	padding: 0px;
}

#contactForm label
{
	display: block;
}
#contactForm input,
#contactForm textarea
{
	display: block;
}

#coordonnees #errorMessagesContainer
{
	background-image: url(/images/backgrounds/contact-form-error-box.png);
	background-position: left top;
	background-repeat: no-repeat;
	
	display: block;
	
	height: 127px;
	
	margin: 0px auto 5px auto;
	padding: 0px 0px 0px 60px;
	
	position: relative;
	
	overflow: auto;
	
	text-align: left;
	
	width: 370px;
}

#coordonnees #errorMessagesContainer ul
{
	display: block;
	
	margin: 0px;
	padding: 0px;
	
	width: 325px;
}

#realisations #contenu-principal
{
	padding-left: 30px;
	padding-right: 60px;
	
	width: 918px;
}

#glossary #contenu-principal
{
	background-image: url(/images/backgrounds/glossary-page-background.jpg);
}

#glossary #glossaryContainer
{
	background-image: url(/images/backgrounds/glossary-container.png);
	background-repeat: no-repeat;
	
	display: block;
	
	height: 584px; /* real height: 624px */
	
	padding: 20px 300px 20px 70px;
	
	position: relative;
	
	width: 572px; /* real width: 942px */
	
	overflow: auto;
}

#externalLinks #contenu-principal
{
	background-image: url(/images/backgrounds/glossary-page-background.jpg);
}

#externalLinks #linkContainer
{
	background-image: url(/images/backgrounds/glossary-container.png);
	background-repeat: no-repeat;
	
	display: block;
	
	height: 584px; /* real height: 624px */
	
	padding: 20px 300px 20px 70px;
	
	position: relative;
	
	width: 572px; /* real width: 942px */
	
	overflow: auto;
}

/* error 404 styles */
#error404 #contenu-principal
{
	background-color: #032955;
	background-image: url(/images/backgrounds/404.jpg);
	background-repeat: no-repeat;
	
	display: inline-block;
	
	margin: 0px auto 0px auto;
	padding: 0px;
	
	width: 1008px;
	
	text-align: left;
}

#error404 #contenu-principal #mainArea
{
	color: #000;
	display: inline-block;
	
	height: 389px;
	
	margin-left: 500px;
	padding: 0px;
	
	position: relative;
}

#error404 #contenu-principal .multiColumnLayout
{
	width: 100%;
}

#error404 #servicesContainer
{
	background-color: #fff;
	background-image: url(/images/backgrounds/homepageServices.jpg);
	background-repeat: repeat-x;
	
	width: 1008px;
}
/* end of error 404 styles */