body {
	margin:0 auto; padding:0; text-align:center;
	background: #FFFFFF url(../images/background.jpg) repeat-x left top;
	min-width:1000px; height:100%; font-size:100%;  color:#333333;
	font-family: Verdana, Arial, Verdana, Sans-serif;
}

html, body {
	height: 100%;
}

a, a:visited {
	text-decoration:underline; color:#333333;
}
a:hover, a:visited:hover {
	text-decoration:none; color:#333333;
}
	
img {
	border:0 none; padding:0; margin:0;
}

p, th, ul, ol, li, blockquote, input, div {
	margin:0; padding:0;
}
	
td, th {  
	vertical-align:top;
}
	
em {
	font-style:normal; color:#666666; font-weight:bold;
}

form {
	padding:0; margin:0;
}


/**** Container ****/

#conteneur {
	width:1000px; position: relative; margin:0; padding:0;
}


/************ Header *************/ 

#header {
	height:256px;
}
body#home #header {
	background: url(../images/home_openings1.jpg) no-repeat right bottom;
}

#logo {
	position:absolute; top:15px; left:16px;
}

#secondaryLinks {
	position:absolute; top:20px; right:15px; color: #dedeb6;
	font-size: 11px; margin: 0;
}
#secondaryLinks li {
	display: inline; padding: 0 2px;
}
#secondaryLinks li a, a#secondaryLinks li :visited {
	text-decoration:none; color:#dedeb6;
}
#secondaryLinks li a:hover, #secondaryLinks li a:visited:hover {
	text-decoration:underline; color:#dedeb6;
}

#menu {
	position:absolute; top:62px; left:0px; width:1000px;
}

#menu div {
	float:left; margin:0 0 0 2px;
}

#menu a {
	text-decoration:none; display:block; line-height:29px; font-size:11px; color:#FFFFFF; font-weight:bold; 
	background:url("../images/menu/onglet_droite_off.gif") no-repeat right top;
}
#menu a:visited {
	text-decoration:none; font-size:11px; color:#FFFFFF;
}
#menu a:hover {
	text-decoration:none; color:#0E4323;
}
#menu a:visited:hover {
	text-decoration:none; color:#0E4323;
}

#menu a span {
	background:url("../images/menu/onglet_gauche_off.gif") no-repeat left top; display:block; padding:0 8px;
}

#menu a.on, #menu a:visited.on {
	color:#0E4323; background:url("../images/menu/onglet_droite_on.gif") no-repeat right top;
}
#menu a.on span {
	background:url("../images/menu/onglet_gauche_on.gif") no-repeat left top; display:block; padding:0 8px;
}


/* Sous menu */
#menu ul.sousmenu {
	position:absolute; top:35px; left:5px; margin:0; padding:0; list-style-type:none;
}
#menu .sousmenu li {
	float:left;
}
#menu .sousmenu a {
	text-decoration:none; display:block; line-height:24px; font-size:11px; color:#496C63; 
	background:none; border-left:1px solid #496C63; font-weight:normal; padding:0 10px;
}
#menu .sousmenu a.premier {
	border-left:none;
}
#menu .sousmenu a:visited {
	text-decoration:none; font-size:11px; color:#496C63;
}
#menu .sousmenu a:hover {
	text-decoration:underline; color:#496C63;
}
#menu .sousmenu a:visited:hover {
	text-decoration:underline; color:#496C63;
}
#menu .sousmenu a.on, #menu .sousmenu a:visited.on {
	font-weight:bold; color:#C8E1CF; background:none;
}



#committed {
	position:absolute; top:140px; left:0px; z-index:100;
}


/************ Contenu *************/

#contenuBody {
	/*width:964px;*/ margin:0 0 0 36px; padding:0; font-size: .7em; text-align:left; line-height:1.1em; min-height:340px;
}

/* hack ie6 */
*html #contenuBody {
	height:340px;
}

/**** Photos de droite ****/

/* Home */
body#home #contenuBody {
	background: url(../images/home_openings2.jpg) no-repeat right bottom;
}
/* Learn About us */
body#who-we-are #contenuBody, body#what-we-do #contenuBody, body#community-involvement #contenuBody, body#diversity #contenuBody {
	background: url(../images/photo_3personnes.jpg) no-repeat right top;
}
/* Compensation */
body#compensation-benefits #contenuBody {
	background: url(../images/photo_gars-chemise-bleu.jpg) no-repeat right top;
}
/* A look inside */
body#inside #contenuBody, body#learning-development #contenuBody, body#work-environment #contenuBody {
	background: url(../images/photo_1gars-1fille.jpg) no-repeat right top;
}
/* Career */
body#career #contenuBody {
	background: url(../images/photo_femme.jpg) no-repeat right top;
}
/* Apply now */
body#apply #contenuBody {
	background: url(../images/photo_fille_asiatique.jpg) no-repeat right top;
}
/* Contact */
body#contact #contenuBody {
	background: url(../images/photo_fille_asiatique.jpg) no-repeat right top;
}


/**** Contenu ****/

#contenu {
	position : relative;
	margin:0 464px 0 0; /*width:500px;*/
}

/**********************************************************  Testimonials  *******************************************************************/

/* About Us */
body#learn #contenu {
	width : 380px;
}
/* Compensation */
body#compensation-benefits #contenu {
	width : 340px;
}
/* A Look Inside */
body#inside #contenu {
	width : 340px;
}
body#learning-development #contenu {
	width : 340px;
}
body#work-environment #contenu {
	width : 340px;
}
/* Career Opportunities */
body#career #contenu {
	width : 340px;
}
/* Apply Now */
body#apply #contenu {
	width : 340px;
}

body#learn #contenu #testimonial {
	left : 390px;
}
#testimonial {
	position : absolute;
	padding : 20px 7px;
	top : 0;
	left : 350px;
	width : 174px;
	height : 260px;
	background-color:#eff6ef;
	color : #93b4a1;
}

.signature {
	font-style : italic;
}


/*********************************************************************************************************************************************/

#contenu h1 {
	font-size:1.7em; line-height:1.15em; font-weight:bold; margin:0 0 1em 0; padding:0; color:#C8E1CF;
}

#contenu h2 {
	font-size:1em; font-weight:bold; padding:0; margin:0;
}
#contenu h2.vert {
	color:#034921;
}
#contenu h2.vert a, #contenu h2.vert a:hover, #contenu h2.vert a:visited, #contenu h2.vert a:visited:hover {
	color:#034921;
}

#contenu h3 {
	font-size:1.1em; font-weight:bold; line-height:1em; padding:.5em 0 .8em 0; margin:0; color:#333333;
}

#contenu h4 {
	font-size:1em; font-weight:bold; padding:.5em 0 .8em 0; margin: 0; color:#333333;
}

#contenu h5 {
	font-size:1em; font-weight:bold; padding:.5em 0 .8em 0; margin:0; color:#333333;
}

#contenu p {
	padding: 0 0 1.5em 0; margin: 0;
}
#contenu p.coller {
	padding: 0 0 .2em 0; margin: 0;
}

#contenu ul {
	margin:0 0 1em 17px; padding:0;
}
#contenu ol {
	margin:0 0 1em 17px; padding:0;
}
#contenu ul.coller, #contenu ol.coller {
	margin-bottom:.2em;
}
#contenu ul ul, #contenu ul ol, #contenu ol ol, #contenu ol ul, {
	margin-bottom:0;
}
#contenu li {
	padding:0 0 .2em 0; margin:0;
	/*Pour avoir un bullet different au bout (image) 
	Methode 1 (Fonctionne mieux que le list-style )
	background: url(images/bullet.gif) no-repeat left top; padding:0 0 .2em 15px; 
	Methode 2
	list-style-image: url(images/bullet.gif);
	*/
}
#contenu ul li ul, #contenu ul li ol,
#contenu ol li ul, #contenu ol li ol {
	margin-bottom:0;
}

#contenu .ligne {
	border-top: 1px solid #28903A; padding: 0 0 .8em 0; margin: 0; 
}

#contenu .retour {
	padding:0; font-size:.8em; text-align:right; clear:both;
}

#contenu .hautdepage {
	padding: .5em 0 0 0; font-size:.8em; text-align:right; line-height:0.5em; clear:both; color:#009900;
}

#contenu .imageGauche {
	float:left; margin:0px 15px .8em 0; padding:0;
}
#contenu .imageDroite {
	float:right; margin:0px 0 .8em 15px; padding:0;
}

#contenu .gauche {
	float:left; margin:0px 15px .8em 0; padding:0;
}
#contenu .droite {
	float:right; margin:0px 0 .8em 15px; padding:0;
}
#contenu .centre {
	text-align:center; margin:0 auto; padding:0;
}

#contenu .section {
	padding:0 0 0 25px;
}
#contenu .indention {
	padding:0; margin:0 0 0 25px;
}

#contenu .slogan {
	font-size: 1.1em;font-weight: bold; font-style:italic;
	padding: .5em 0 .9em 0;margin: 0;
	color: #A91419; text-align:center;
}

#contenu .encadre {
	padding: .8em .8em 0 .8em; margin: 0 1.5em;
	text-align:center; border:1px solid #A91419;
}

#contenu .note {
	font-size:.8em;
}

#contenu .bordure {
	border:1px solid #65743d;
}

.creditPhoto:hover {
	cursor: help;
}

/* Pour faire suivre le texte apres un float */
#contenu .spacer {
	clear:both; font-size:0px; line-height:0px; height:0px;
}

/* Pour avoir une hauteur minimum du contenu */
.hauteurMin {
  min-height: 496px;
}
/* hide from IE/mac \*/
* html .hauteurMin {
  height: 496px;
  he\ight: 496px;
}
/* end hide */

#contenu .hauteurMinOld {
	height:170px; float:right; width:1px;
}

a.lienAnchor {
	text-decoration:none;
}

/** Tableaux **/

/* Hack IE 6 PC pour grosseur de font dans un tableau */
* html #contenu table td {
	/*font-size:.8em;*/
}
table {
	font-size: 1em;
}
table table {
	font-size:100%;font-size:12px;
}
table td {
	font-size:1.1em;
}

/* Tableau de base (transparent) */
#contenu table.tableauBase td {
	padding:2px; text-align:left;
}
#contenu table.tableauBase td p {
	padding: 0 0 .8em 0;
}


/* Tableau avec styles */
#contenu table.tableauStyle {
	background: #CCCCCC url(images/background_tableau.jpg) no-repeat left top;
	border-left:1px solid #000000; border-top:1px solid #000000;; margin:0 0 .8em 0;
}
#contenu table.tableauStyle td {
	padding:.6em .6em 0 .6em; text-align:left;
	border-right:1px solid #000000; border-bottom:1px solid #000000;
}
#contenu table.tableauStyle .titre {
	background-color:#666666; color:#FFFFFF;
}
#contenu table.tableauStyle td p {
	padding: 0 0 .6em 0;
}
#contenu table.tableauStyle .backgroundCouleur {
	background-color:#00CC66;
}


.sectors-2colonnes {
	padding: 0 0 1.5em 0;
}
.sectors-2colonnes .colonne1 {
	float:left; width:200px; margin-right:10px;
}
.sectors-2colonnes .colonne2 {
	float:left; width:200px;
}
.sectors-2colonnes .colonne1 div, .sectors-2colonnes .colonne2 div {
	padding:3px 0; border-bottom:1px solid #C8E2D0;
}


#footer {
	padding:15px 0; margin:0 10px 0 35px; border-top:1px solid #C8E2D0; font-size:10px; color:#333333; clear:both; text-align:left;
}
#footer .copyright {
	float:left;
}
#footer .logos {
	float:right; margin:0 0 0 25px;
}
#footer .logos img {
	float:right;
}



/* Home */

body#home .contenu-texte {
	margin-right:250px;
}

body#home .liens {
	width:215px; /*position:absolute; top:317px; left:321px;*/ float:right; padding:0 0 35px 0;
}
body#home #contenu .liens p {
	padding:0 0 1em 0;
}
body#home #contenu .liens ul {
	margin:0 0 1em 10px; padding:0; list-style-type: none;
}
body#home #contenu .liens li {
	padding:0 0 .2em 10px; margin:0;
	background: url(../images/bullet-tiret.gif) no-repeat left 0.5em;
}
body#home #contenu .liens h2 {
	font-size:1.1em; line-height:1.2em; font-weight:bold; padding:0 0 .2em 0; margin:0;
}
body#home #contenu .liens h2.espace {
	padding-bottom:1em;
}
body#home .liens a, body#home .liens a:visited {
	text-decoration:underline; color:#618078;
}
body#home .liens a:hover, body#home .liens a:visited:hover {
	text-decoration:none; color:#618078;
}


body#home .current_openings {
	width:215px; position:absolute; top:61px; left:759px; width:175px; color:#618078;
}
body#home #contenu .current_openings ul {
	margin:0 0 1em 0; padding:0; list-style-type: none;
}
body#home #contenu .current_openings li {
	padding:0 0 .3em 12px; margin:0;
	background: url(../images/bullet-crochet.gif) no-repeat left 0.3em;
}
body#home #contenu .current_openings h2 {
	font-size:1.1em; line-height:1.2em; font-weight:bold; padding:0 0 .8em 0; margin:0; color:#618078;
}


/* Behind the scene */

body#behind-scene #contenu {
	margin:0 50px 0 0;
}
body#behind-scene .intro {
	margin:0 464px 0 0; padding:0 0 1em 0;
}
body#behind-scene .case-study {
	margin:0 0 0 264px;
}
body#behind-scene .menu {
	width:250px; float:left; color:#618078;
}
body#behind-scene .menu a, body#behind-scene .menu a:visited {
	text-decoration:underline; color:#618078;
}
body#behind-scene .menu a:hover, body#behind-scene .menu a:visited:hover {
	text-decoration:none; color:#618078;
}


/* Contact Us */
body#contact #firstColumn {
	width: 240px; padding:0 20px 0 0; margin:0;
}
body#contact #secondColumn {
	width: 230px; padding:0 0 0 20px; margin:0;
}

body#contact #firstColumn.filet {
	border-right:1px solid #BBCCBB;
}
body#contact #secondColumn.filet {
	border-left:1px solid #BBCCBB;
}
body#contact .office {
	margin: 0 0 2em 0;
}
body#contact .office p {
	padding: 0 0 .4em 0;
}
body#contact h2 {
	font-size:1.2em; line-height:1.15em; font-weight:bold; margin:0 0 1em 0; padding:0; color:#C8E1CF;
}