/* shared styles */

body {
	position: relative;
	margin: 0;
	padding: 0;
	background-color: #333;
	text-align: center;
	font-size: 1.0em;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#page-content {
	position: relative;
	margin: 0 auto 60px;
	text-align: left;
	width: 900px;
}

div#english {
	position: relative;
}

div#english div#header {
	position: relative;
}

div#english div#header p#vmc {
	position: absolute;
	z-index: 2;
	margin: 0;
	padding: 0;
	/*width: 147px;
	height: 32px;
	top: 10px;
	left: 730px;*/
	width: 161px;
	height: 38px;
	top: 12px;
	left: 734px;
}

div#english div#header p#vmc img {
	border:none;
	outline:none;
}

div#english h1 {
	width: 900px;
	height: 116px;
	text-indent: -2000px;
	margin: 0;
	padding: 0;
}

div.content div.main-menu ul {
	position: relative;
	width: 950px;
	height: 49px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: transparent;
}

div#english ul#main-menu li {
	text-indent: -2500px;
	display:inline;
}

div#english ul#main-menu li a, div#english ul#main-menu li a:link, div#english ul#main-menu li a:active, div#english ul#main-menu li a:visited {
	border: none;
	outline:none;
}

div#footer {
	padding: 5px 0 5px 0;
	text-align: center;
	background-image: url(../images/bg003.jpg);
	font-size: 0.7em;
	font-weight: bold;
}

div#footer ul { list-style:none; margin:0px; padding:0px; }
div#footer ul li { display:inline; }
div#footer ul li + li { margin-left:30px; }

div#footer a, div#footer a:link, div#footer a:active, div#footer a:visited {
	color: #000;
	text-decoration: none;
}

.clear {
	clear: both;
}




/* MENU - ENG */

div#english ul li#m1 a, div#english ul li#m1 a:link, div#english ul li#m1 a:active, div#english ul li#m1 a:visited, div#english ul li#m1 span {
position: absolute;
width: 45px;
height: 28px;
top: 0;
left: 37px;
background: url(../english/images/nav001-e.gif);
display: block;
}

div#english ul li#m1 a:hover, div#english ul li#m1 a:hover, div#english ul li#m1 span.on-state, div#english ul li#m1 a.on-state, div#english ul li#m1 a.on-state {
background-position: 45px 0;
}

div#english ul li#m2 a, div#english ul li#m2 a:link, div#english ul li#m2 a:active, div#english ul li#m2 a:visited, div#english ul li#m2 span {
position: absolute;
width: 88px;
height: 28px;
top: 0;
left: 82px;
background: url(../english/images/nav002-e.gif);
display: block;
}

div#english ul li#m2 a:hover, div#english ul li#m2 a:hover, div#english ul li#m2 span.on-state, div#english ul li#m2 a.on-state, div#english ul li#m2 a.on-state {
background-position: 88px 0;
}

div#english ul li#m3 a, div#english ul li#m3 a:link, div#english ul li#m3 a:active, div#english ul li#m3 a:visited, div#english ul li#m3 span {
position: absolute;
width: 64px;
height: 28px;
top: 0;
left: 170px;
background: url(../english/images/nav003-e.gif);
display: block;
}

div#english ul li#m3 a:hover, div#english ul li#m3 a:hover, div#english ul li#m3 span.on-state, div#english ul li#m3 a.on-state, div#english ul li#m3 a.on-state {
background-position: 64px 0;
}

div#english ul li#m4 a, div#english ul li#m4 a:link, div#english ul li#m4 a:active, div#english ul li#m4 a:visited, div#english ul li#m4 span {
position: absolute;
width: 117px;
height: 28px;
top: 0;
left: 234px;
background: url(../english/images/nav004-e.gif);
display: block;
}

div#english ul li#m4 a:hover, div#english ul li#m4 a:hover, div#english ul li#m4 span.on-state, div#english ul li#m4 a.on-state, div#english ul li#m4 a.on-state {
background-position: 117px 0;
}

div#english ul li#m5 a, div#english ul li#m5 a:link, div#english ul li#m5 a:active, div#english ul li#m5 a:visited, div#english ul li#m5 span {
position: absolute;
width: 121px;
height: 28px;
top: 0;
left: 351px;
background: url(../english/images/nav005-e.gif);
display: block;
}

div#english ul li#m5 a:hover, div#english ul li#m5 a:hover, div#english ul li#m5 span.on-state, div#english ul li#m5 a.on-state, div#english ul li#m5 a.on-state {
background-position: 121px 0;
}

div#english ul li#m6 a, div#english ul li#m6 a:link, div#english ul li#m6 a:active, div#english ul li#m6 a:visited, div#english ul li#m6 span {
position: absolute;
width: 131px;
height: 28px;
top: 0;
left: 472px;
background: url(../english/images/nav006-e.gif);
display: block;
}

div#english ul li#m6 a:hover, div#english ul li#m6 a:hover, div#english ul li#m6 span.on-state, div#english ul li#m6 a.on-state, div#english ul li#m6 a.on-state {
background-position: 131px 0;
}

div#english ul li#m5 a:hover, div#english ul li#m5 a:hover, div#english ul li#m5 span.on-state, div#english ul li#m5 a.on-state, div#english ul li#m5 a.on-state {
background-position: 121px 0;
}

div#english ul li#m7 a, div#english ul li#m7 a:link, div#english ul li#m7 a:active, div#english ul li#m7 a:visited, div#english ul li#m7 span {
position: absolute;
width: 107px;
height: 28px;
top: 0;
left: 603px;
background: url(../english/images/nav007-e.gif);
display: block;
}

div#english ul li#m7 a:hover, div#english ul li#m7 a:hover, div#english ul li#m7 span.on-state, div#english ul li#m7 a.on-state, div#english ul li#m7 a.on-state {
background-position: 107px 0;
}

div#english ul li#m8 a, div#english ul li#m8 a:link, div#english ul li#m8 a:active, div#english ul li#m8 a:visited, div#english ul li#m8 span {
position: absolute;
width: 52px;
height: 28px;
top: 0;
left: 710px;
background: url(../english/images/nav008-e.gif);
display: block;
}

div#english ul li#m8 a:hover, div#english ul li#m8 a:hover, div#english ul li#m8 span.on-state, div#english ul li#m8 a.on-state, div#english ul li#m8 a.on-state {
background-position: 52px 0;
}

div#english ul li#m9 a, div#english ul li#m9 a:link, div#english ul li#m9 a:active, div#english ul li#m9 a:visited, div#english ul li#m9 span {
position: absolute;
width: 84px;
height: 28px;
top: 0;
left: 816px;
background: url(../english/images/nav009-e.gif);
display: block;
}

div#english ul li#m9 a:hover, div#english ul li#m9 a:hover, div#english ul li#m9 span.on-state, div#english ul li#m9 a.on-state, div#english ul li#m9 a.on-state {
background-position: 84px 0;
}



/*   FRANCAIS    */








div#francais {
	position: relative;
}

div#francais div#header {
	position: relative;
}

div#francais div#header p#vmc {
	position: absolute;
	z-index: 2;
	margin: 0;
	padding: 0;
	/*width: 147px;
	height: 32px;
	top: 10px;
	left: 730px;*/
	width: 161px;
	height: 38px;
	top: 12px;
	left: 734px;
}

div#francais div#header p#vmc img {
	border:none;
	outline:none;
}

div#francais h1 {
	width: 900px;
	height: 116px;
	text-indent: -2000px;
	margin: 0;
	padding: 0;
}

div.content div.main-menu ul {
	position: relative;
	width: 950px;
	height: 49px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: transparent;
}

div#francais ul#main-menu li {
	text-indent: -2500px;
	display:inline;
}

div#francais ul#main-menu li a, div#francais ul#main-menu li a:link, div#francais ul#main-menu li a:active, div#francais ul#main-menu li a:visited {
	border: none;
	outline:none;
}








/* MENU - FRANCAIS */

div#francais ul li#m1 a, div#francais ul li#m1 a:link, div#francais ul li#m1 a:active, div#francais ul li#m1 a:visited, div#francais ul li#m1 span {
position: absolute;
width: 60px;
height: 28px;
top: 0;
left: 32px;
background: url(../francais/images/nav001-f.png) top;
display: block;
}

div#francais ul li#m1 a:hover, div#francais ul li#m1 a:hover, div#francais ul li#m1 span.on-state, div#francais ul li#m1 a.on-state, div#francais ul li#m1 a.on-state {
background-position: bottom;
}

div#francais ul li#m2 a, div#francais ul li#m2 a:link, div#francais ul li#m2 a:active, div#francais ul li#m2 a:visited, div#francais ul li#m2 span {
position: absolute;
width: 85px;
height: 28px;
top: 0;
left: 92px;
background: url(../francais/images/nav002-f.png);
display: block;
}

div#francais ul li#m2 a:hover, div#francais ul li#m2 a:hover, div#francais ul li#m2 span.on-state, div#francais ul li#m2 a.on-state, div#francais ul li#m2 a.on-state {
background-position: bottom;
}

div#francais ul li#m3 a, div#francais ul li#m3 a:link, div#francais ul li#m3 a:active, div#francais ul li#m3 a:visited, div#francais ul li#m3 span {
position: absolute;
width: 67px;
height: 28px;
top: 0;
left: 177px;
background: url(../francais/images/nav003-f.png);
display: block;
}

div#francais ul li#m3 a:hover, div#francais ul li#m3 a:hover, div#francais ul li#m3 span.on-state, div#francais ul li#m3 a.on-state, div#francais ul li#m3 a.on-state {
background-position: bottom;
}

div#francais ul li#m4 a, div#francais ul li#m4 a:link, div#francais ul li#m4 a:active, div#francais ul li#m4 a:visited, div#francais ul li#m4 span {
position: absolute;
width: 113px;
height: 28px;
top: 0;
left: 244px;
background: url(../francais/images/nav004-f.png);
display: block;
}

div#francais ul li#m4 a:hover, div#francais ul li#m4 a:hover, div#francais ul li#m4 span.on-state, div#francais ul li#m4 a.on-state, div#francais ul li#m4 a.on-state {
background-position: bottom;
}

div#francais ul li#m5 a, div#francais ul li#m5 a:link, div#francais ul li#m5 a:active, div#francais ul li#m5 a:visited, div#francais ul li#m5 span {
position: absolute;
width: 160px;
height: 28px;
top: 0;
left: 357px;
background: url(../francais/images/nav005-f.png);
display: block;
}

div#francais ul li#m5 a:hover, div#francais ul li#m5 a:hover, div#francais ul li#m5 span.on-state, div#francais ul li#m5 a.on-state, div#francais ul li#m5 a.on-state {
background-position: bottom;
}

div#francais ul li#m6 a, div#francais ul li#m6 a:link, div#francais ul li#m6 a:active, div#francais ul li#m6 a:visited, div#francais ul li#m6 span {
position: absolute;
width: 121px;
height: 28px;
top: 0;
left: 517px;
background: url(../francais/images/nav006-f.png);
display: block;
}

div#francais ul li#m6 a:hover, div#francais ul li#m6 a:hover, div#francais ul li#m6 span.on-state, div#francais ul li#m6 a.on-state, div#francais ul li#m6 a.on-state {
background-position: bottom;
}

div#francais ul li#m5 a:hover, div#francais ul li#m5 a:hover, div#francais ul li#m5 span.on-state, div#francais ul li#m5 a.on-state, div#francais ul li#m5 a.on-state {
background-position: bottom;
}

div#francais ul li#m7 a, div#francais ul li#m7 a:link, div#francais ul li#m7 a:active, div#francais ul li#m7 a:visited, div#francais ul li#m7 span {
position: absolute;
width: 110px;
height: 28px;
top: 0;
left: 638px;
background: url(../francais/images/nav007-f.png);
display: block;
}

div#francais ul li#m7 a:hover, div#francais ul li#m7 a:hover, div#francais ul li#m7 span.on-state, div#francais ul li#m7 a.on-state, div#francais ul li#m7 a.on-state {
background-position: bottom;
}

div#francais ul li#m8 a, div#francais ul li#m8 a:link, div#francais ul li#m8 a:active, div#francais ul li#m8 a:visited, div#francais ul li#m8 span {
position: absolute;
width: 39px;
height: 28px;
top: 0;
left: 748px;
background: url(../francais/images/nav008-f.png);
display: block;
}

div#francais ul li#m8 a:hover, div#francais ul li#m8 a:hover, div#francais ul li#m8 span.on-state, div#francais ul li#m8 a.on-state, div#francais ul li#m8 a.on-state {
background-position: bottom;
}

div#francais ul li#m9 a, div#francais ul li#m9 a:link, div#francais ul li#m9 a:active, div#francais ul li#m9 a:visited, div#francais ul li#m9 span {
position: absolute;
width: 48px;
height: 28px;
top: 0;
left: 836px;
background: url(../francais/images/nav009-f.png);
display: block;
}

div#francais ul li#m9 a:hover, div#francais ul li#m9 a:hover, div#francais ul li#m9 span.on-state, div#francais ul li#m9 a.on-state, div#francais ul li#m9 a.on-state {
background-position: bottom;
}
