/* CSS Document */
html, body {
	width: 100%;
	height: 100%;
}
html, body, dl, dt {
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
	background: #00204C;
	font: normal 80% arial, helvetica, sans-serif;
	color: black;
}

/* construction de la page */
table#maintable{
	margin: 0;
	width: 100%;
	height: 100%;
}
td#maintd {
	padding: 0;
/*	text-align: center;
	vertical-align: middle;*/
}
#conteneur {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 950px;
	height: 606px;
	background: #0a4e9b url(images2/fond.jpg) left top repeat-x;
	border: 1px solid white;
}

#fondH {
	position: absolute;
	left: 0;
	top: 0;
	width: 950px;
	height: 141px;
	border-bottom: 1px solid white;
	background: url(images2/logo_fond.gif) left top;
	filter: alpha(opacity=10);
	-moz-opacity: .10;
	opacity: .10;
}

#ciel {
	position: absolute;
	width: 516px;
	height: 300px;
	left: 175px;
	top: 107px;
	background: url(images2/ciel_fond.jpg) left top no-repeat;
}

#logo {
	position: absolute;
	width: 202px;
	height: 162px;
	left: 307px;
	top: 4px;
	background: url(images2/logo2006.gif) left top no-repeat;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#053773, direction=140, strengh=1);
}

#actuJVSGroupe {
	position: absolute;
	width: 219px;
	height:466px;
	left: 493px;
	top: 140px;
	background: url(images2/fond_uneJVS.gif) left top no-repeat;
}

#actuAutreJVS {
	position: absolute;
	width: 213px;
	height: 466px;
	left: 737px;
	top: 140px;
	background: #053773 url(images2/fond_uneAutres.gif) left top repeat-x;
}

#fleche {
	position: absolute;
	width: 336px;
	height: 335px;
	left: 28px;
	top: 141px;
	background: url(images2/fleche.gif) left top no-repeat;
}

.menu {
	width: 130px;
	height: 20px;
	background: url(images2/puce.gif) left 50% no-repeat;
	text-align: left;
}

.menu a {
	font-weight: bold;
	color: white;
	text-decoration: none;
	margin-left: 20px;
/*	text-transform: uppercase;	*/
}

.menu a:hover {color: #aac6e3;}
#mMairistem {
	position: absolute;
	left: 79px;
	top: 164px;
}

#mImplicit {
	position: absolute;
	left: 29px;
	top: 242px;
}

#mAdix {
	position: absolute;
	left: 28px;
	top: 317px;
}

#mGeosphere {
	position: absolute;
	left: 80px;
	top: 384px;
}

#actuThemeJVSGroupe {
	position: absolute;
	width: 138px;
	height: 41px;
	left: 727px;
	top: 171px;
	background: #01214c;
	z-index: 10;
	filter: alpha(opacity=49);
	-moz-opacity: .49;
	opacity: .49;
}

#actuThemeAutreJVS {
	position: absolute;
	width: 135px;
	height: 24px;
	left: 482px;
	top: 407px;
	background: #e41218;
	z-index: 10;
	filter: alpha(opacity=40);
	-moz-opacity: .40;
	opacity: .40;
}

#imgThemeJVSGroupe {
	position: absolute;
	width: 178px;
	height: 23px;
	left: 494px;
	top: 407px;
	z-index: 15;
}

#imgThemeAutreJVS {
	position: absolute;
	width: 196px;
	height: 36px;
	left: 738px;
	top: 171px;
	z-index: 15;
}

#slogan {
	position: absolute;
	width: 950px;
	height: 30px;
	left: 0;
	top: 576px;
	z-index: 20;
	background: #95b5de;
	filter: alpha(opacity=40);
	-moz-opacity: .40;
	opacity: .40;
}

#slogantxt {
	position: absolute;
	width: 950px;
	height: 30px;
	left: 0;
	top: 576px;
	z-index: 25;
	text-align: center;
}

#imgThemeJVSGroupe img, #imgThemeAutreJVS img, #slogantxt img {
	border: 0;
	margin: 0;
}

#blocActuJVSGroupe {
	position: absolute;
	width: 219px;
	height: 170px;
	left: 493px;
	top: 403px;
	z-index: 30;
	border-left: 1px solid white;
	text-align: left;
}

#blocActuAutreJVS {
	position: absolute;
	width: 213px;
	height: 358px;
	left: 737px;
	top: 164px;
	z-index: 30;
	border-left: 1px solid white;
	text-align: left;
}

.enrich {
	color: white;
	margin: 0 5px 0 5px;
}

.enrich a {
	color: white !important;
	text-decoration: none !important;
}

a.resume {
	color: white;
	text-decoration: none;
	display: block;
}

a.resume:hover {
	text-decoration: underline !important;
}

#bloctxt1 {margin-top: 3.5em;}
#bloctxt2 {margin-top: 5em;}
.themeSoc {
	text-decoration: underline !important;
/*	text-transform: uppercase;	*/
	color: #aac6e3;
	font-weight: bold;
	display: block;
	margin-top: 1em;
}

#invariant {
	position: absolute;
	width: 380px;
	height: 15px;
	left: 580px;
	top: 118px;
	z-index: 40;
}

#invariant ul, #invariant li {
	display: inline;
	margin-left: 1em;
	font-size: 95%;
	color: white;
/*	border: 1px solid white;	*/
}
#invariant img {
	border: 0;
	text-align: middle;
	margin-right: 0.3em;
}
#invariant a {
	color: white;
	text-decoration: none;
}
#invariant a:hover {
	text-decoration: underline;
}


#copy {
	position: absolute;
	width: 65px;
	height: 22px;
	left: 100px;
	top: 118px;
	z-index: 55;
	color: white;
	font-size: 9pt;
}

/* survol */
.intro {
	position: absolute;
	width: 270px;
	height: 168px;
	left: 240px;
	top: 185px;
	color: black;
	text-align: left;
	visibility: hidden;
}

#filtre {
	background: url(images2/fond_survol.gif) left top no-repeat;
	filter: alpha(opacity=40);
	-moz-opacity: .40;
	opacity: .40;
	z-index: 60;
}

#survMairistem, #survGeosphere, #survImplicit, #survAdix {
	padding: 1.5em 5px 5px 5px;
}

#survMairistem {z-index:65}
#survGeosphere {z-index:70}
#survImplicit {z-index:75}
#survAdix {z-index:80}