body { 
  font: 8pt sans-serif;
  margin: 0;
  background: #fff;
}

#accueil { 
  position: absolute;
  top: 50%;
  left: 50%;
  width: 700px;
  height: 460px;
  margin-left: -350px;
  margin-top: -240px;
  background: #cccccc url("bg_accueil.jpg"/*tpa=http://neotim.fr/css/style/bg_accueil.jpg*/) bottom no-repeat;
}

#accueil table { 
  position: absolute;
  width: 100%;
  top: 40px;
  font-size: 8pt;
}

#accueil td { 
  text-align: center;
}

#accueil td img{ 
  padding-left: 20px; 
  padding-right: 20px; 
}

#accueil td ul {
	list-style: none;
}

#accueil td li {
	float: left;
}

#o a, #v a, #b a, #g a {
	display: block;
	width: 140px;
	height: 105px;
} 

#o {
	margin: 0 10px 0 5px;
}

#v {
	margin: 0 10px 0 5px;
}

#b {
	margin: 0 10px 0 5px;
}

#g {
	margin: 0 0 0 5px;
}

#o a:hover, #v a:hover, #b a:hover, #g a:hover {
	background: url("fond_accueil_a.jpg"/*tpa=http://neotim.fr/css/style/fond_accueil_a.jpg*/);
}

#accueil a img {
	border: none;
}

#l { 
  position: absolute;
  right: 0px;
  width: 700px;
  height: 40px;
  background: #fff url("bg_accueil_nav.jpg"/*tpa=http://neotim.fr/css/style/bg_accueil_nav.jpg*/) no-repeat 0px 15px;
}

#accueil a {
  color: #555;
  text-decoration: none;
}

#menu_drap {
	position: absolute;
	bottom: 0px;
	left: 50px;
	height: 20px;
	width: 33em;
	font-size: 8pt;
}

#menu_titre {
	position: absolute;
	bottom: 0px;
	right: 0px;
	height: 20px;
	width: 33em;
	font-size: 8pt;
}

#menu_titre ul {
padding: 0;
margin: 0 0 0 20px;
list-style: none;
}

#menu_titre a {
	display: block;
	width: 10em;
	text-align: center;
  	color: #000;
  	text-decoration: none;
	height: 20px;
}

#menu_titre li {
	float: left;
	width: 10em;
}

#menu_titre li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	margin-left: 0;
}

#menu_titre li:hover ul {
	left: auto;
}

#menu_titre li:hover ul, #menu_titre li.sfhover ul {
	left: auto;
}

#menu_titre li ul ul {
	margin: -1em 0 0 10em;
}

#menu_titre li:hover ul ul, #menu_titre li.sfhover ul ul {
	left: -999em;
}

#menu_titre li:hover ul, #menu_titre li li:hover ul, #menu_titre li.sfhover ul, #menu_titre li li.sfhover ul {
	left: auto;
}

#menu_titre a:hover {
	text-decoration: underline;
}

#menu_titre li ul {
	border: 1px solid #555;
}

#menu_titre li ul a {
	height: 1.3em;
	color: #555;
}

#menu_titre li ul a:hover {
	text-decoration: none;
	height: 1.3em;
	color: #fff;
	background-color: #555;
}

abbr.image * {
	border: none;
	text-decoration: none;
}

#langues {
	position: absolute;
	left: 50%;
	margin-left: -320px;
	width:700px;
	top: 50%;
	margin-top: 220px;
}

#langues ul {
	padding: 0.5ex 0 0 0;
	margin: 0;
	list-style: none;
}

#langues a {
	display: block;
	width: 5em;
	padding-left: 20px;
	text-decoration: none;
	color: #000;
	font-size: 8pt;
}

#langues a:hover {
	text-decoration: underline;
}

#langues li {
	float: left;
}

#francais {
	background: url("flag-fr.png"/*tpa=http://neotim.fr/css/style/flag-fr.png*/) 0 50% no-repeat;
}

#english {
	background: url("flag-en.png"/*tpa=http://neotim.fr/css/style/flag-en.png*/) 0 50% no-repeat;
}