body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #000000;
	background: url(../img/bg.jpg);
	margin: 0;
	padding 0;
}
a, a:link, a:visited, a:active, a:hover {
text-decoration: none;
color:#003333;
}

a:active, a:hover {
text-decoration: underline;
}


#logo{
	background-image:url(../img/logobg.jpg); 
	background-repeat:repeat-x;
	margin: 0;
	padding: 0;
}
#container {
width:760px;
clear: both;
border-right: #999 1px dotted;
background: #FFFFFF;
}
/*#maintext {
clear: both;
}*/
/* style the outer div to give it width */
.menu {
width:758px;
font-size:0.85em;
padding-bottom:20px;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul {
width:150px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width:150px;
position:relative;
}

.menu li .home {
float: left;
width: 71px;
position: relative
}

.menu li .aboutus {
float: left;
width: 100px;
position: relative
}
.menu li .managed{
float:left;
width:170px;
position:relative;
}

.menu li .consul {
float: left;
width: 133px;
position: relative
}

.menu li .mandates {
float: left;
width: 110px;
position: relative
}

.menu li .contact {
float: left;
width: 120px;
position: relative
}
.menu li .contact_fr {
float: left;
width: 85px;
position: relative
}
.menu li .qns {
float: left;
width: 160px;
position: relative
}
.menu li .accueil {
float: left;
width: 100px;
position: relative
}
.menu li.home {
width: 71px;
}
.menu a.home {
width: 70px;
}
.menu li.aboutus {
width: 105px;
}
.menu a.aboutus {
width: 105px;
}
.menu li.managed {
width: 170px;
}
.menu a.managed {
width: 170px;
}

.menu li.consul {
width: 133px;
}
.menu a.consul {
width: 133px;
}

.menu li.mandates {
width: 110px;
}
.menu a.mandates {
width: 110px;
}
.menu li.contact {
width: 120px;
}
.menu a.contact {
width: 120px;
}
.menu li.contact_fr {
width: 85px;
}
.menu a.contact_fr {
width: 85px;
}
.menu li.qns {
width: 160px;
}
.menu a.qns {
width: 160px;
}
.menu li.accueil {
width: 100px;
}
.menu a.accueil {
width: 100px;
}
/* style the links for the top level */
.menu a, .menu a:visited {
font-family: Georgia, "Times New Roman", Times, serif;
display:block;
font-size:14px;
text-decoration:none; 
color:#fff; 
/*width:150px;*/
height:30px; 
border:1px solid #fff; 
/*border-width:1px 1px 0 0;*/
background:#758279; 
padding-left:15px; 
line-height:30px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:149px;
w\idth:139px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a.home, * html .menu a.home:visited {
width:70px;
w\idth:60px;
}

* html .menu a.aboutus, * html .menu a.aboutus:visited {
width:99px;
w\idth:89px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a.managed, * html .menu a.managed:visited {
width:169px;
w\idth:159px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a.consul, * html .menu a.consul:visited {
width:132px;
w\idth:122px;
}

* html .menu a.mandates, * html .menu a.mandates:visited {
width:109px;
w\idth:99px;
}

* html .menu a.contact, * html .menu a.contact:visited {
width:119px;
w\idth:109px;
}
* html .menu a.contact_fr, * html .menu a.contact_fr:visited {
width:84px;
w\idth:74px;
}
* html .menu a.qns, * html .menu a.qns:visited {
width:159px;
w\idth:149px;
}
* html .menu a.accueil, * html .menu a.accueil:visited {
width:99px;
w\idth:89px;
}
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#7C9E9C;
}
/* style the second level hover */
.menu ul ul a.drop:hover{
background:#c9ba65;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#e2dfa8;
}
/* style the third level hover */
.menu ul ul ul a:hover {
background:#b2ab9b;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:30px;
left:0; 
width:150px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:30px;
t\op:31px;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:150px; 
top:0;
width:150px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-150px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
table {
position:absolute;
top:0; left:0;
z-index: 10;
}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#BDD8D8; 
color:#000; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:129px
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:150px;
w\idth:129px;
}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#fff; 
background:#7C9E9C;
}

/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}

#maintext {
width: 555px;
float: left;
padding: 15px;
display: block;
text-align: justify;
}

#vertmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
width: 160px;
padding: 10px 0 0 10px;
margin: 0px;
float: left;
clear: both;
}

#vertmenu h1 {
display: block;
background-color:#FF9900;
font-size: 90%;
padding: 3px 0 5px 3px;
border: 1px solid #000000;
color: #333333;
margin: 0px;
width:159px;
}

#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#vertmenu ul li {
margin: 0px;
padding: 0px;
}
#vertmenu ul li a {
font-size: 80%;
display: block;
border-bottom: 1px dashed #C39C4E;
padding: 5px 0px 2px 4px;
text-decoration: none;
color: #666666;
width:160px;
}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: #000000;
background-color: #eeeeee;
}

.floatright {
	text-align: center;
	font: bold 10px Arial, Helvetica, sans-serif;
	width: 140px;
	float: right;
	margin: 5px;
	color: #fff;
}
.floatright_sidebar {
	font: 12px Arial, Helvetica, sans-serif;
	width: 150px;
	float: right;
	margin: 15px;
	margin-right: 0;
	padding: 5px;
	color: #000;
	background: #BDD8D8;
}
.floatright_sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
	text-align: left;
}
.floatright_sidebar li {
	font-size: 90%;
	display: block;
	border-bottom: 1px dashed #949e7c;
	padding: 5px 4px 2px 4px;
	text-decoration: none;
	color: #000;
	width:140px;
	text-align: left;
}

.floatright_sidebar h3 {
	display: block;
	background-color:#7C9E9C;
	font-size: 90%;
	padding: 3px 3px 5px 3px;
	/*border: 1px solid #000000;*/
color: #fff;
	margin: 0px;
	width:140px;
	text-align: left;
}
#container #maintext .floatright_sidebar p.left {
	text-align: justify;
}


.floatright_sidebar p {
text-align: center;
margin: 0px;
}
.thingy {
width: 450px;
	padding-right: 50px;
	padding-left: 50px;
	font-size: 16px;
	font-style: italic;
	color: #336666;
	font-weight: bold;
	text-align: justify;
}
#breadcrumb {
	clear: left;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 9px;
	padding: 2px;
}
#seals {
	text-align: center;
	margin-top: 20px;
}

img {border: none}

#footer {
	clear: both;
	margin-top: 20px;
	text-align: right;
	vertical-align: bottom;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	padding-right: 10px;
}
#valueprop {
	text-indent: -100em;
	background:url(../img/h_value_prop.jpg);
	background-repeat: no-repeat; 
	width: 300px;
	height: 23px;
}
#contact {
	text-indent: -100em;
	background:url(../img/h_contact.jpg);
	background-repeat: no-repeat; 
	width: 200px;
	height: 23px;
}
#practiceareas {
	text-indent: -100em;
	background:url(../img/h_practice_areas.jpg);
	background-repeat: no-repeat; 
	width: 300px;
	height: 23px;
}
#usingourservices {
	text-indent: -100em;
	background:url(../img/h_using_our.jpg);
	background-repeat: no-repeat; 
	width: 200px;
	height: 23px;
}
#companyprofile {
	text-indent: -100em;
	background:url(../img/h_company_p.jpg);
	background-repeat: no-repeat; 
	width: 200px;
	height: 23px;
}
#searchmethodology {
	text-indent: -100em;
	background:url(../img/h_search_m.jpg);
	background-repeat: no-repeat; 
	width: 220px;
	height: 23px;
}
#candidatecriteria {
	text-indent: -100em;
	background:url(../img/h_candidate_c.jpg);
	background-repeat: no-repeat; 
	width: 220px;
	height: 23px;
}
#bdk {
	text-indent: -100em;
	background:url(../img/h_bdk.jpg);
	background-repeat: no-repeat; 
	width: 220px;
	height: 23px;
}
#bwp {
	text-indent: -100em;
	background:url(../img/h_bwp.jpg);
	background-repeat: no-repeat; 
	width: 220px;
	height: 23px;
}
#vpm {
	text-indent: -100em;
	background:url(../img/h_vpm.jpg);
	background-repeat: no-repeat; 
	width: 220px;
	height: 23px;
}
#wh {
	text-indent: -100em;
	background:url(../img/h_wh.jpg);
	background-repeat: no-repeat; 
	width: 220px;
	height: 23px;
}
#mjt {
	text-indent: -100em;
	background:url(../img/h_mjt.jpg);
	background-repeat: no-repeat; 
	width: 220px;
	height: 23px;
}
#hrw {
	text-indent: -100em;
	background:url(../img/h_hrw.jpg);
	background-repeat: no-repeat; 
	width: 220px;
	height: 23px;
}
#notrefirme {
	text-indent: -100em;
	background:url(../img/h_notre_firme.png);
	background-repeat: no-repeat; 
	width: 220px;
	height: 23px;
}
#valprep_fr {
	text-indent: -100em;
	background:url(../img/h_val_prep_fr.png);
	background-repeat: no-repeat; 
	width: 220px;
	height: 23px;
}
#notremethode {
	text-indent: -100em;
	background:url(../img/h_notre_m.png);
	background-repeat: no-repeat; 
	width: 350px;
	height: 23px;
}
#criteres {
	text-indent: -100em;
	background: url(../img/h_criteres.png);
	background-repeat: no-repeat; 
	width: 350px;
	height: 23px;
}
#utilisation {
	text-indent: -100em;
	background: url(../img/h_utilisation.png);
	background-repeat: no-repeat; 
	width: 350px;
	height: 23px;
}
#mandats_courants {
	text-indent: -100em;
	background:url(../img/h_mandats_courants.png);
	background-repeat: no-repeat; 
	width: 350px;
	height: 23px;
}
#current_mandates {
	text-indent: -100em;
	background:url(../img/h_current.png);
	background-repeat: no-repeat; 
	width: 350px;
	height: 23px;
}
.foo{
position: static;
top: auto;
left: auto;
border: 1px dotted #999;
font: 12px Georgia, "Times New Roman", Times, serif;
width: 100%;
z-index: 9;
margin: 0;
padding: 2px;
}
.foo th {
color: #FFFFFF;
background:#006666
}

.foo td {
border-bottom: 1px dotted #ccc;
text-align: left;
}