/* CSS Document */

body {
	background:#0f0f0f url(background.png) repeat-x;
	margin:0;
	padding:0;
}

#contenu {
	background:url(background-contenu.jpg) no-repeat;
	width:924px;
	height:568px;
	margin:0 auto;
	padding:280px 0 0 0;
}

#contenu_en {
	background:url(background-contenu_en.jpg) no-repeat;
	width:924px;
	height:568px;
	margin:0 auto;
	padding:280px 0 0 0;
}

/* ---------------------------------------- menu CANADA ---------------------------------------- */

#glossymenuCA{
margin: 0 157px 0 189px;
padding: 0;
width: 194px; /*width of menu*/
float:left;
}

*html #glossymenuCA{
margin: 0 156px 0 95px;
}

#glossymenuCA a.menuitem span{
display:none;
}


#glossymenuCA a.menuitem{
background: black url(canada-off.jpg) no-repeat top left;
display: block;
/*position: relative; To help in the anchoring of the ".statusicon" icon image*/
width: auto;
height:43px;
}

#glossymenuCA a.menuitem:visited,
#glossymenuCA a.menuitem:active{
background-image: url(canada-hover.jpg);
height:43px;
}


#glossymenuCA a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

#glossymenuCA a.menuitem:hover{
background-image: url(canada-hover.jpg);
}

#glossymenuCA div.submenu{ /*DIV that contains each sub menu*/
/*background: white;*/
}

#glossymenuCA div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

#glossymenuCA div.submenu ul li{
padding:0;
margin:0;
border:0;
}


#glossymenuCA div.submenu ul li a#anglais{
background: black url(english-off.gif) no-repeat top left;
display: block;
text-decoration:none;
height:19px;
margin:0;
padding:0;
}

#glossymenuCA div.submenu ul li a#anglais:hover{
background: black url(english-hover.gif) no-repeat top left;
display: block;
}
#glossymenuCA div.submenu ul li a#francais{
background: black url(francais-off.gif) no-repeat top left;
display: block;
text-decoration:none;
height:19px;
margin:0;
padding:0;
}

#glossymenuCA div.submenu ul li a#francais:hover{
background: black url(francais-hover.gif) no-repeat top left;
display: block;
}

#glossymenuCA div.submenu ul li#haut{
background: black url(canada-haut.gif) no-repeat top;
display: block;
line-height:13px;
margin:0;
padding:0;
}

#glossymenuCA div.submenu ul li#bas{
background: black url(canada-bas.gif) no-repeat top;
display: block;
line-height:14px;
margin:0;
padding:0;
}

/* ---------------------------------------- menu INTERNATIONAL ---------------------------------------- */

#glossymenuWORLD{
margin: 0;
padding: 0;
width: 194px; /*width of menu*/
float:left;
}

#glossymenuWORLD a.menuitem span{
display:none;
}


#glossymenuWORLD a.menuitem{
background: black url(international-off.jpg) no-repeat top left;
display: block;
/*position: relative; To help in the anchoring of the ".statusicon" icon image*/
width: auto;
height:43px;
}

#glossymenuWORLD a.menuitem:visited,
#glossymenuWORLD a.menuitem:active{
background-image:url(international-hover.jpg);
height:43px;
}


#glossymenuWORLD a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

#glossymenuWORLD a.menuitem:hover{
background-image: url(international-hover.jpg);
}

#glossymenuWORLD div.submenu{ /*DIV that contains each sub menu*/
/*background: white;*/
}

#glossymenuWORLD div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

#glossymenuWORLD div.submenu ul li{
padding:0;
margin:0;
border:0;
}


#glossymenuWORLD div.submenu ul li a#usa{
background: black url(usa-off.gif) no-repeat top left;
display: block;
text-decoration:none;
height:19px;
margin:0;
padding:0;
}

#glossymenuWORLD div.submenu ul li a#usa:hover{
background: black url(usa-hover.gif) no-repeat top left;
display: block;
}
#glossymenuWORLD div.submenu ul li a#france{
background: black url(france-off.gif) no-repeat top left;
display: block;
text-decoration:none;
height:19px;
margin:0;
padding:0;
}

#glossymenuWORLD div.submenu ul li a#france:hover{
background: black url(france-hover.gif) no-repeat top left;
display: block;
}

#glossymenuWORLD div.submenu ul li a#belgique{
background: black url(belgique-off.gif) no-repeat top left;
display: block;
text-decoration:none;
height:19px;
margin:0;
padding:0;
}

#glossymenuWORLD div.submenu ul li a#belgique:hover{
background: black url(belgique-hover.gif) no-repeat top left;
display: block;
}

#glossymenuWORLD div.submenu ul li a#espagne{
background: black url(espagne-off.gif) no-repeat top left;
display: block;
text-decoration:none;
height:19px;
margin:0;
padding:0;
}

#glossymenuWORLD div.submenu ul li a#espagne:hover{
background: black url(espagne-hover.gif) no-repeat top left;
display: block;
}



#glossymenuWORLD div.submenu ul li#haut{
background: black url(international-haut.gif) no-repeat top;
display: block;
line-height:13px;
margin:0;
padding:0;
}

#glossymenuWORLD div.submenu ul li#bas{
background: black url(international-bas.gif) no-repeat top;
display: block;
line-height:14px;
margin:0;
padding:0;
}