body {
margin:0;
padding:0;
/*background:transparent url(/fileadmin/img-charte/fond_menu2.jpg) 0 265px no-repeat;*/
background:transparent url(/fileadmin/img-charte/bandesHome3.jpg) 0 265px no-repeat;
}
#page {
margin: 0 auto;
width: 760px;
background: #fff url(/fileadmin/img-charte/deco-sides.png) top repeat-y;
padding: 0;
text-align: left;
}
#pageHeader {
width:760px;
height:78px;
background: transparent url(/fileadmin/img-charte/deco-top.png) top no-repeat;
}
#pageHeader #contact {
position:relative;
width:64px;
height:12px;
left:654px;
top:34px;
}
#pageHeader #contact span {
display:none;
}
#pageHeader #contact a {
display:block;
width:64px;
height:12px;
background:transparent url(/fileadmin/img-charte/contact_off.png) no-repeat;
}
#pageHeader #contact a:hover {
background:transparent url(/fileadmin/img-charte/contact_on.png) no-repeat;
}
#contenu {
height:300px;
/*background: transparent url(/fileadmin/img-charte/billes2.jpg) 0 22px no-repeat;*/
background: transparent url(/fileadmin/img-charte/fondHome3.jpg) 0 22px no-repeat;
padding:0;
margin:0;
}
#contenu h1 {
margin:0;
padding:0;
background:transparent url(/fileadmin/img-charte/logo.png) no-repeat;
position:relative;
top:162px;
width:120px;
height:18px;
}
#contenu h1 span {
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}

#menu {
position:relative;
top:172px;
left:0;
margin:0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size:0.9em;
z-index:10;
list-style-type:none;
}
#menu li {
margin:0;
padding:0;
height:22px; /* 21px pour IE */
}
#menu a {
font-size:0.9em;
color: #4D4D4D;
text-decoration: none;
text-transform:uppercase;
letter-spacing:0.1em;
padding:0 4px;
}

#menu a.nav-vert {
color:#283312;
}
#menu a.nav-rouge {
color:#330600;
}
#menu a.nav-jaune {
color:#332601;
}
#menu a.nav-bleu {
color:#1a2433;
}
#menu a.nav-violet {
color:#331429;
}

#menu a:hover {
text-decoration:none;
background:#EEE;
}
#footer {
width:760px;
height:104px;
background: transparent url(/fileadmin/img-charte/deco-bas.png) top no-repeat;
color:#333;
}
#oblady {
position:relative;
top:84px;
left:60px;
float:left;
font:0.7em Arial, Helvetica, sans-serif;
text-transform:uppercase;
}
#oblady a {
text-decoration:none;
color:#333;
}
#oblady a:hover {
color:#000;
}
#lang {
position:relative;
float:left;
left:240px;
top:84px;
font:0.7em Arial, Helvetica, sans-serif;
text-transform:uppercase;
}

#pompom {
position:relative;
top:84px;
right:60px;
float:right;
font:0.7em Arial, Helvetica, sans-serif;
text-transform:uppercase;
}
#pompom a, #lang a {
text-decoration:none;
color:#333;
}
#pompom a:hover, #lang a:hover {
color:#000;
}

