body {
background-color: #006599; / BLEU /
font-family: Arial; trebuchet ms; Verdana, Tahoma, Helvetica, sans-serif;
color: #006599; / BLEU /
}

#global {
	position:absolute;
	left: 50%;
	top: 492px;
	width: 792px;
	height: 456px;
	margin-top: -228px;
	margin-left: -396px;
	background: url(ims/fond.gif) no-repeat;
}

ul {
position:relative;
list-style:none;
padding: 0px;
margin: 0px;
}

li a {text-indent: -5000px;}

img {
border: 0;
}

/*------------MENU ACCESS------------*/

#header {
position: absolute;
width :783px;
top: -12px;
margin-left: auto;
margin-right: auto;
text-align: right;
color: #ffffff;
font-family: arial;
font-size: 12px;
font-weight: normal;
}

#header a {
color: #ffffff;
text-decoration: none;
}

#header a:link, #header a:visited {
text-decoration: none;
color: #ffffff;
}

#header a:hover, #header a:active {
text-decoration: none;
color: #B0E6FF;
}

#logo {
position:absolute;
top: 40px;
left: 202px;
background: url(ims/logo.gif) no-repeat;
}

/*------------CONTENU------------*/

#contenu {
	position:absolute;
	width: 435px;
	top: 141px;
	left: 303px;
}

#contenu p {
font-family: trebuchet MS;
font-size: 13px;
font-weight: normal;
color: #000000;
text-align: justify;
margin-left: 0px;
margin-top: 0px;
margin: 1em 0;
line-height: 1.3em;
}

#contenu span {
font-family: trebuchet Ms;
font-size: 24px;
color: #006599; / BLEU /
text-align: left;
font-weight: normal;
}

#contenu a {
text-decoration: none;
font-weight: normal;
color: #006599; / BLEU /
}

#contenu a:hover {
font-weight: normal;
color: #7899BE; /GRIS/
}

#scroll {
	width: 460px;
	height: 200px;
	overflow-y: auto;
}

#scroll p {
	font-family: trebuchet MS;
	font-size: 13px;
	font-weight: normal;
	color: #000000;
	text-align: left;
	margin-left: 0px;
	margin-top: 0px;
	margin: 0.5em 0;
	line-height: 0.8em;
}

#scroll span {
font-family: trebuchet Ms;
font-size: 24px;
color: #006599; / BLEU /
text-align: left;
font-weight: normal;
line-height: 1.5em;
}

#scroll a {
text-decoration: none;
font-weight: normal;
color: #006599; / BLEU /
}

#scroll a:hover {
font-weight: normal;
color: #7899BE; /GRIS/
}

#access {
position:absolute;
width: 460px;
height: 230px;
top: 145px;
left: 305px;
}

#access p {
font-family: trebuchet MS;
font-size: 13px;
font-weight: normal;
color: #000000;
text-align: justify;
margin-left: 0px;
margin-top: 0px;
margin: 0.5em 0;
line-height: 1em;
}

#access span {
font-family: trebuchet Ms;
font-size: 20px;
color: #006599; / BLEU /
text-align: left;
font-weight: normal;
line-height: 1.5em;
}

#access a {
text-decoration: none;
font-weight: normal;
color: #006599; / BLEU /
}

#access a:hover {
font-weight: normal;
color: #7899BE; /GRIS/
}

/*------------PIED------------*/

#pied {
	position:absolute;
	width: 444px;
	height: 20px;
	top: 419px;
	left: 305px;
	background: url(ims/pied.gif) no-repeat;
}

#pied p {
font-family: arial;
font-size: 9px;
font-weight: normal;
color: #000000;
text-align: left;
margin-left: 0px;
margin-top: 0px;
margin: 0.7em 0;
}

#pied a {
text-decoration: none;
color: #006599; / BLEU /
}

#pied a:hover {
color: #7899BE; /GRIS/
}

/*------------MENU------------*/

#zone1 {
position: absolute;
width :85px;
height: 26px;
left: 193px;
top: 125px;
background: url(ims/j1.gif) top left no-repeat;
}

#zone1:hover  {
background: url(ims/trans.gif) top left no-repeat;
}

#v1 {
position: absolute;
width :85px;
height: 26px;
left: 193px;
top: 125px;
background: url(ims/v1.gif) top left no-repeat;
}

#zone2 {
position: absolute;
width :53px;
height: 26px;
left: 294px;
top: 125px;
background: url(ims/j2.gif) top left no-repeat;
}

#zone2:hover  {
background: url(ims/trans.gif) top left no-repeat;
}

#v2 {
position: absolute;
width :53px;
height: 26px;
left: 294px;
top: 125px;
background: url(ims/v2.gif) top left no-repeat;
}

#zone3 {
position: absolute;
width :56px;
height: 26px;
left: 362px;
top: 125px;
background: url(ims/j3.gif) top left no-repeat;
}

#zone3:hover  {
background: url(ims/trans.gif) top left no-repeat;
}

#v3 {
position: absolute;
width :56px;
height: 26px;
left: 362px;
top: 125px;
background: url(ims/v3.gif) top left no-repeat;
}

#zone4 {
position: absolute;
width :77px;
height: 26px;
left: 432px;
top: 125px;
background: url(ims/j4.gif) top left no-repeat;
}

#zone4:hover  {
background: url(ims/trans.gif) top left no-repeat;
}

#v4 {
position: absolute;
width :77px;
height: 26px;
left: 432px;
top: 125px;
background: url(ims/v4.gif) top left no-repeat;
}

#zone5 {
position: absolute;
width :82px;
height: 26px;
left: 526px;
top: 125px;
background: url(ims/j5.gif) top left no-repeat;
}

#zone5:hover  {
background: url(ims/trans.gif) top left no-repeat;
}

#v5 {
position: absolute;
width :82px;
height: 26px;
left: 526px;
top: 125px;
background: url(ims/v5.gif) top left no-repeat;
}

#zone6 {
position: absolute;
width :52px;
height: 26px;
left: 622px;
top: 125px;
background: url(ims/j6.gif) top left no-repeat;
}

#zone6:hover  {
background: url(ims/trans.gif) top left no-repeat;
}

#v6 {
position: absolute;
width :52px;
height: 26px;
left: 622px;
top: 125px;
background: url(ims/v6.gif) top left no-repeat;
}

#zone7 {
position: absolute;
width :64px;
height: 26px;
left: 687px;
top: 125px;
background: url(ims/j7.gif) top left no-repeat;
}

#zone7:hover  {
background: url(ims/trans.gif) top left no-repeat;
}

#v7 {
position: absolute;
width :64px;
height: 26px;
left: 687px;
top: 125px;
background: url(ims/v7.gif) top left no-repeat;
}

h1, h2, h3, h4, h5 {
position: absolute;
top: -5000px;
left: -5000px;
}

b {
font-weight: 400;
}