/* ------------------------------------------------------------
Title:			pixys.fr css file
Author:			benoit@encoreunsite.com
Last modified:	2008-03-19
------------------------------------------------------------ */

* {margin: 0;padding: 0;}

body {
	margin: 0;
	padding: 0;
	height:100%;
	font: small Verdana, Arial, Helvetica, sans-serif; line-height: 1.3; color: rgb(60,48,14); /*128,130,133*/
	/*background: rgb(255,255,255);*/
/*	background: rgb(255,255,255) url('../_media/images/body-background-2.png') repeat scroll 0 0;
*/	background: rgb(255,255,255) url('../_media/images/body-background.jpg') repeat-x scroll 0 0;
	
	
}


/* html elements 
===================================================== */
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 .2em 0;
	font-weight: normal;
	color: rgb(60,48,14);
	font-family: "Arial";
	text-shadow: 1px 1px 0px #fff;
}
h2 {font-size:115%;margin:1em 0 .1em 0; text-transform: uppercase;}
h3 {font-size:105%;width:90%;border-bottom:1px solid rgb(60,48,14);}
h4 {font-size:115%;width:90%;text-transform: uppercase;}

p {margin:0 0 .5em 0;font-size:1em;}

ol {margin:0 1em 1em 2.5em; padding:0;}
ul {margin:0; padding:0; list-style:none; font-size:1em;text-align:left;}
li {margin:0; padding:0; line-height:1.3;}

dl {margin: 0 0 .5em 0; padding: 0; text-align:left;}
dt {margin: 0; padding: 0; color: rgb(128,130,133); font-weight: bold;}
dd {margin: 0; padding: 0;}

q {width:100%; margin:2em 0;font-style:italic; text-align:right;}

.hr {
	border: 0px solid #fff;
	}

/* Links 
===================================================== */
a:link {color: rgb(255,108,0);text-decoration: none;}
a:visited {color: rgb(255,108,0);text-decoration: none;}
a:hover, a:active {color: rgb(255,108,0); text-decoration: underline;}

a {outline: none;} /* Links - Hide dotted outlines in mozilla */

.click {color: rgb(255,108,0);text-decoration: none;cursor: pointer;}
.click:hover, .click:active {color: rgb(255,108,0); text-decoration: underline;}


/* Layout 
===================================================== */
#wrapper {
	width:960px;
	margin:0 auto 0 auto;
}

#header {
	position:relative;
	width:960px;
	height:80px;
}

#main_logo {
	position: absolute;
	top:14px;
	left:0;
	width:320px;
	height:52px;
}

#footer {
	height:23px;
	background: transparent url(../_media/images/footer_bkg.png) no-repeat scroll 0 0;
	margin:0;
	padding:0;
	border-top: 1px solid rgb(255,255,255);
	/*border-bottom: 1px solid rgb(128,128,128);*/
	font-size:80%;
	color: rgb(255,255,255);
	text-align:left;
	}
#footer p {
	padding:4px 20px ;
	text-transform: uppercase;}
	
#content {
	/*height: 235px;*/
	margin:0;
	padding:0;
	font-size:90%;
	text-align: justify;
	background-color: rgb(231,228,221);
}

#main_content {
	height:100%;
	background: transparent url(../_media/images/white_corners.gif) no-repeat scroll left bottom;
	}

#clients #main_content {
	background: transparent url(../_media/images/white_corners_x1.gif) no-repeat scroll left bottom;
	}
	
#products #main_content {
	background: transparent url(../_media/images/white_corners_x1.gif) no-repeat scroll left bottom;
	}
	
#corporate #main_content, #news #main_content, #legal #main_content {
	background: transparent url(../_media/images/white_corners_x2.gif) no-repeat scroll left bottom;
	}


/* navigation 
===================================================== */
#main_nav {
	height:37px;
	background: transparent url(../_media/images/main_nav_items.gif) no-repeat scroll 0 0;
	margin:0;
	padding:0 0 0 319px;
	border-top: 1px solid rgb(255,255,255);
	border-bottom: 1px solid rgb(255,255,255);
}

#main_nav li {
	display:inline;
	padding: 0;
}
#main_nav li a {
	display:block;
	float:left;
	width:105px;
	height:37px;
	padding: 0;
	text-indent:-9999em;
	}


#main_nav li #m1:hover {
	background: transparent url(../_media/images/main_nav_items.gif) no-repeat scroll -319px -37px;
}
#corporate #main_nav li #m1 {
	background: transparent url(../_media/images/main_nav_items.gif) no-repeat scroll -319px -74px;
}

#main_nav li #m2:hover {
	background: transparent url(../_media/images/main_nav_items.gif) no-repeat scroll -424px -37px;
}

#products #main_nav li #m2 {
	background: transparent url(../_media/images/main_nav_items.gif) no-repeat scroll -424px -74px;
}
#pixys #main_nav li #m2 {
	background: transparent url(../_media/images/main_nav_items.gif) no-repeat scroll -424px -74px;
}
#main_nav li #m3:hover {
	background: transparent url(../_media/images/main_nav_items.gif) no-repeat scroll -529px -37px;
}
#clients #main_nav li #m3 {
	background: transparent url(../_media/images/main_nav_items.gif) no-repeat scroll -529px -74px;
}
#main_nav li #m4:hover {
	background: transparent url(../_media/images/main_nav_items.gif) no-repeat scroll -634px -37px;
}
#news #main_nav li #m4 {
	background: transparent url(../_media/images/main_nav_items.gif) no-repeat scroll -634px -74px;
}

#main_nav li #m5:hover {
	background: transparent url(../_media/images/main_nav_items.gif) no-repeat scroll -739px -37px;
}
#hiring #main_nav li #m5 {
	background: transparent url(../_media/images/main_nav_items.gif) no-repeat scroll -739px -74px;
}
#main_nav li #m6:hover {
	background: transparent url(../_media/images/main_nav_items.gif) no-repeat scroll -844px -37px;
}
#contact #main_nav li #m6 {
	background: transparent url(../_media/images/main_nav_items.gif) no-repeat scroll -844px -74px;
}


/* homepage 
===================================================== */
#visual {margin:0;}

#presentation {}
#presentation h2 {margin:1.5em;font-weight: bold;}
#presentation p {margin: 1.5em;text-align:justify;line-height: 1.5;}


.onethird {
	float:left;
	width:320px; /* 318px if border-left */
	height:100%;
	border-top: 2px solid rgb(255,255,255);
/*	border-bottom: 2px solid rgb(255,255,255); */
/*	border-left: 2px solid rgb(255,255,255); */
}

.onehalf {
	float:left;
	width:480px; /* 318px if border-left */
	height:100%;
	border-top: 2px solid rgb(255,255,255);
/*	border-bottom: 2px solid rgb(255,255,255); */
/*	border-left: 2px solid rgb(255,255,255); */
}

.twothird {
	float:left;
	width:640px; /* 318px if border-left */
	height:100%;
	border-top: 2px solid rgb(255,255,255);
/*	border-bottom: 2px solid rgb(255,255,255); */
/*	border-left: 2px solid rgb(255,255,255); */
}
.threethird {
	width:960px;
	height:100%;
	border-top: 2px solid rgb(255,255,255);
}

#main_content h2, #main_content h3 {margin:1.5em;font-weight: bold;}
#main_content p {margin: 1.5em;text-align:justify;line-height: 1.5;}
#main_content ul, #main_content ol, #main_content dl {margin:1.5em;}
#main_content li, #main_content dt, #main_content dd,  {text-align:left;}
/*.onethird h2, .onehalf h2, .twothird h2, .onethird h3, .onehalf h3, .twothird h3 {margin:1.5em;font-weight: bold;}
.onethird p, .onehalf p, .twothird p {margin: 1.5em;text-align:justify;}
.onethird ul, .onehalf ul, .twothird ul, .onethird dl, .onehalf dl, .twothird dl {margin:1.5em;}
.onethird li, .onehalf li, .twothird li, .onethird dt, .onehalf dt, .twothird dd, .onethird dd, .onehalf dd, .twothird dd {text-align:left;}*/

.first-column {
	width:320px;
	border-left: none;
}

#clients #main_content dl {margin:2em 1em 3em 1em;clear:both;}
#clients #main_content dt {width:180px; float:left; margin:0; padding:0;}
#clients #main_content dt img {margin:0;padding:0;border:1px solid rgb(230,230,230);}
#clients #main_content dd {margin:0 0 .5em 182px; padding:0 0 0 1em;}


/* products and services pages 
===================================================== */

#new_products {}
#new_products .onehalf {
	float:left;
	width:480px; /* 318px if border-left */
	height:100%;
	border-top:none;
}
#new_products h2 {margin:1.5em;font-weight: bold;}
#new_products p {margin: 1.5em;text-align:justify;line-height: 1.5;}

/* press pages 
===================================================== */


/* images
===================================================== */
img {display:block;margin: 0;padding: 0;border: none;}
img.left {float: left; margin-right:1em;}
img.right {float: right; margin-left:1em;}

img.border {border-top: 1px solid rgb(198,194,194); border-bottom: 1px solid rgb(198,194,194);}

#visual img.left {float: left; margin:0;}
#visual img.right {float: right; margin:0;}


/* tables
===================================================== */
table {
	border-collapse: collapse;
	}


/* forms
===================================================== */
form {margin: 1em;}
fieldset {margin: 1em 0; border: none;}
legend {padding: .2em;}
form td {padding: .2em;}

/* miscellaneous 
===================================================== */

.left {text-align: left;}
.right {text-align: right;}

span.left {float: left; text-align: left;}
span.right {float: right; text-align: right;}

.clear {clear: both;}
.nowrap {white-space: nowrap;}
.copyright {margin-top:1em;font-size:80%;}


.footnote {font-size:.8em;}
.hide {display:none;}
.hidden {visibility: hidden;}

sub {vertical-align: baseline;}

/* Self clearing floats
===================================================== */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
*:first-child+html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */