.menu {
width:776px; 
font-size:0.85em;
position:absolute
z-index:100;
}
/* 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:129px;
position:relative;
}
/* style the links for the top level */
.menu a, .menu a:visited {
font-family:Arial, Helvetica, sans-serif;
display:block;
font-size:11px; 
font-weight:bolder;
text-decoration:none;
color:#333333; 
width:118px; 
height:20px; 
border:1px solid #ffffff; 
border-width:1px 0px 0px 1px; 
background:#ff9619; 
padding-left:10px; 
line-height:20px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:150px;
w\idth:118px;
}

a.doculiens:link {
	color: #FFFFFF;
}
a.doculiens:visited {
	color: #FFFFFF;
}
a.doculiens:hover {
	color: #FFFFFF;
}
a.doculiens:active {
	color: #FFFFFF;
}


/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#005e86 url(images/drop.gif) bottom right no-repeat;

}
/* style the second level hover */
.menu ul ul a.drop:hover{
background:#005e86 url(images/drop.gif) bottom right no-repeat;
}
.menu ul ul :hover > a.drop {
background:#0379ab url(images/drop.gif) bottom right no-repeat;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#034c6a;
}
/* style the third level hover */
.menu ul ul ul a:hover {
background:#2f6a83;
}


/* 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:20px;
left:0; 
width:150px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:20px;
t\op:21px;
}

/* 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 */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#0077a9; 
color:#FFFFFF; 
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:#005e86;
}
.menu :hover > a, .menu ul ul :hover > a {
color:#fff;
background:#005e86;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a: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;
}

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





/*************************** New stuff *****************************/

td {
	vertical-align:			top;
}

table {
	border-spacing:			0px;
}

body {
	background-image:		url(../images/InterfacePatternb.jpg);
	margin:					0px;
	padding:				0px;
}

#layoutTable {
	border:					solid 1px #ffb227;
	border-top:				none;
}

#contentZone {
	background-image:		none;
	background-color:		white;
	min-height:				400px;
	padding:				10px;
	padding-top:			20px;
	font-size:				10pt;
	font-family:			Verdana,Arial,Helvetica,sans-serif;
	//height:				expression(this.scrollHeight < 401 ? "400px" : "auto");
}

#menu {
	background-image:		none;
	background-color:		white;
	height:					20px;
	overflow:				hidden;
}

.menuItem {
	display:				block;
	width:					127px;
	height:					20px;
	text-indent:			10px;
	border:					1px solid white;
	background-color:		#ff9619;
	font-family:			Arial,Helvetica,sans-serif;
	font-size:				11px;
	line-height:			20px;
	font-weight:			bold;
	text-decoration:		none;
	float:					left;
}

#menu a, #menu a:link, #menu a:hover, #menu a:visited {
	color: #000000;
}


#autre {
	float:					none;
}



/* Lightbox stuff */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}

#lightbox img{ width: auto; height: auto;}

#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }

#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	

#imageData #caption{ font-weight: bold;	}

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			

#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* box stuff */

table.demiBoxLeftOrange, table.demiBoxLeftGris, table.demiBoxLeftBleu, table.demiBoxLeftVert, table.demiBoxRightOrange, table.demiBoxRightGris, table.demiBoxRightBleu, table.demiBoxRightVert {
	display:	table;
	width:		351px;
	border-spacing: 0px; 
	border-collapse: collapse;
}

table.demiBoxFullOrange, table.demiBoxFullGris, table.demiBoxFullBleu, table.demiBoxFullVert {
	display:	table;
	width:		730px;
	border-spacing: 0px; 
	border-collapse: collapse;
}

table.c34BoxLeftOrange, table.c34BoxLeftGris, table.c34BoxLeftBleu, table.c34BoxLeftVert, table.c34BoxRightOrange, table.c34BoxRightGris, table.c34BoxRightBleu, table.c34BoxRightVert {
	display:	table;
	width:		545px;
	border-spacing: 0px; 
	border-collapse: collapse;
}

table thead td.header{
	font-family:		Arial;
	font-size:			12pt;
	background-repeat:	repeat-y;
	background-position:left top;
	height:				26px;
	text-indent:		30px;
	vertical-align:		middle;
}

table tbody tr td.content {
	background-repeat:	repeat-y;
	padding:			10px;
	padding-left:		20px;
	text-align:			justify;
	font-family:		Arial;
	font-size:			10pt;
	vertical-align:     top;
}

/************************** Gris Gauche *************************/

table.demiBoxLeftGris thead td.header, table.demiBoxFullGris thead td.header,  table.c34BoxLeftGris thead td.header{
	background-image:	url(http://cfplarelance.com/carleton/template/1/images/bg_gris_entete.jpg);
}

table.demiBoxLeftGris tbody tr td.content, table.demiBoxFullGris tbody tr td.content, table.c34BoxLeftGris tbody tr td.content {
	background-image:	url(http://cfplarelance.com/carleton/template/1/images/bg_gris.jpg);
}

table.demiBoxLeftGris tfoot td, table.demiBoxFullGris tfoot td, table.c34BoxLeftGris tfoot td{
	background-image:	url(http://cfplarelance.com/carleton/template/1/images/bg_gris_coin.jpg);
	background-repeat:	no-repeat;
	background-position:left top;
}

/************************** Orange Gauche *************************/

table.demiBoxLeftOrange thead td.header, table.demiBoxFullOrange thead td.header, table.c34BoxLeftOrange thead td.header {
	background-image:	url(http://cfplarelance.com/carleton/template/1/images/bg_or_entete.jpg);
}

table.demiBoxLeftOrange tbody tr td.content, table.demiBoxFullOrange tbody tr td.content, table.c34BoxLeftOrange tbody tr td.content {
	background-image:	url(http://cfplarelance.com/carleton/template/1/images/bg_or.jpg);
}

table.demiBoxLeftOrange tfoot td, table.demiBoxFullOrange tfoot td, table.c34BoxLeftOrange tfoot td{
	background-image:	url(http://cfplarelance.com/carleton/template/1/images/bg_or_coin.jpg);
	background-repeat:	no-repeat;
	background-position:left top;
}

/************************** Bleu Gauche *************************/

table.demiBoxLeftBleu thead td.header, table.demiBoxFullBleu thead td.header, table.c34BoxLeftBleu thead td.header {
	background-image:	url(http://cfplarelance.com/carleton/template/1/images/bg_bleu_entete.jpg);
}

table.demiBoxLeftBleu tbody tr td.content, table.demiBoxFullBleu tbody tr td.content, table.c34BoxLeftBleu tbody tr td.content {
	background-image:	url(http://cfplarelance.com/carleton/template/1/images/bg_bleu.jpg);
}

table.demiBoxLeftBleu tfoot td, table.demiBoxFullBleu tfoot td, table.c34BoxLeftBleu tfoot td{
	background-image:	url(http://cfplarelance.com/carleton/template/1/images/bg_bleu_coin.jpg);
	background-repeat:	no-repeat;
	background-position:left top;
}

/************************** Vert Gauche *************************/

table.demiBoxLeftVert thead td.header, table.demiBoxFullVert thead td.header, table.c34BoxLeftVert thead td.header {
	background-image:	url(http://cfplarelance.com/carleton/template/1/images/bg_vert_entete.jpg);
}

table.demiBoxLeftVert tbody tr td.content, table.demiBoxFullVert tbody tr td.content, table.c34BoxLeftVert tbody tr td.content {
	background-image:	url(http://cfplarelance.com/carleton/template/1/images/bg_vert.jpg);
}

table.demiBoxLeftVert tfoot td, table.demiBoxFullVert tfoot td, table.c34BoxLeftVert tfoot td{
	background-image:	url(http://cfplarelance.com/carleton/template/1/images/bg_vert_coin.jpg);
	background-repeat:	no-repeat;
	background-position:left top;
}

/************************** Gris Droite *************************/

table.demiBoxRightGris thead td.header, table.c34BoxRightGris thead td.header {
	background-image:	url(http://cfplarelance.com/carleton/template/1/images/bg_gris_entete_r.jpg);
	background-position:right top;
	text-align:			right;
	padding-right:		34px;
}

table.demiBoxRightGris tbody tr td.content, table.c34BoxRightGris tbody tr td.content{
	background-image:	url(http://cfplarelance.com/carleton/template/1/images/bg_gris_r.jpg);
	background-repeat:	repeat-y;
	background-position: right top;
}

table.demiBoxRightGris tfoot td, table.c34BoxRightGris tfoot td{
	background-image:	url(http://cfplarelance.com/carleton/template/1/images/bg_gris_coin_r.jpg);
	background-repeat:  no-repeat;
	background-position: right top;	
}

/************************** Orange Droite *************************/

table.demiBoxRightOrange thead td.header, table.c34BoxRightOrange thead td.header {
	background-image:	url(http://cfplarelance.com/carleton/template/1/images/bg_or_entete_r.jpg);
	background-position:right top;
	text-align:			right;
	padding-right:		34px;
}

table.demiBoxRightOrange tbody tr td.content, table.c34BoxRightOrange tbody tr td.content{
	background-image:	url(http://cfplarelance.com/carleton/template/1/images/bg_or_r.jpg);
	background-repeat:	repeat-y;
	background-position: right top;
}

table.demiBoxRightOrange tfoot td, table.c34BoxRightOrange tfoot td{
	background-image:	url(http://cfplarelance.com/carleton/template/1/images/bg_or_coin_r.jpg);
	background-repeat:  no-repeat;
	background-position: right top;	
}

/************************** Bleu Droite *************************/

table.demiBoxRightBleu thead td.header, table.c34BoxRightBleu thead td.header {
	background-image:	url(http://cfplarelance.com/carleton/template/1/images/bg_bleu_entete_r.jpg);
	background-position:right top;
	text-align:			right;
	padding-right:		34px;
}

table.demiBoxRightBleu tbody tr td.content, table.c34BoxRightBleu tbody tr td.content{
	background-image:	url(http://cfplarelance.com/carleton/template/1/images/bg_bleu_r.jpg);
	background-repeat:	repeat-y;
	background-position: right top;
}

table.demiBoxRightBleu tfoot td, table.c34BoxRightBleu tfoot td{
	background-image:	url(http://cfplarelance.com/carleton/template/1/images/bg_bleu_coin_r.jpg);
	background-repeat:  no-repeat;
	background-position: right top;	
}

/************************** Vert Droite *************************/

table.demiBoxRightVert thead td.header, table.c34BoxRightVert thead td.header {
	background-image:	url(http://cfplarelance.com/carleton/template/1/images/bg_vert_entete_r.jpg);
	background-position:right top;
	text-align:			right;
	padding-right:		34px;
}

table.demiBoxRightVert tbody tr td.content, table.c34BoxRightVert tbody tr td.content{
	background-image:	url(http://cfplarelance.com/carleton/template/1/images/bg_vert_r.jpg);
	background-repeat:	repeat-y;
	background-position: right top;
}

table.demiBoxRightVert tfoot td, table.c34BoxRightVert tfoot td{
	background-image:	url(http://cfplarelance.com/carleton/template/1/images/bg_vert_coin_r.jpg);
	background-repeat:  no-repeat;
	background-position: right top;	
}