body {
  margin: 0;
  padding: 0;
  background: #1b3f7a none repeat scroll 0%;
  font-family: Verdana,Helvetica,Geneva,Arial,sans-serif;
  font-size: 70%;
  line-height: 1.5;
  text-align: center;
}
img {
  border:  none;
}

a.linkopacity img {
filter:alpha(opacity=100);
-moz-opacity: 1.0; 
opacity: 1.0;
-khtml-opacity: 1.0;
}

a.linkopacity:hover img {
filter:alpha(opacity=50); 
-moz-opacity: 0.5; 
opacity: 0.5;
-khtml-opacity: 0.5; 
}

#wrapper {
  margin: 0 auto;
  position: relative;
  width: 780px;
  text-align: left;
  background-color: #ffffff;
}
#header {
  margin: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 780px;
  height: 190px;
  background-image: url(../images/top_header.jpg);
}
#header span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#main {
  padding: 20px;
  float: left;
  width: 740px;
  margin-top: 190px;
}
#logo {
  position: absolute;
  top: 28px;
  left: -72px;
}
#gmap {
  float: right;
  clear: right;
}
.leftextra {
  margin: 4px 10px 0 -72px;
  float: left;
}
.clear {
  clear: both;
}
h1, h2, h3 {
  font-weight: bold;
  color: #516ab5;
}
h1 {
  font-size: 140%;
  text-align: center;
}
h2, h3 {
  font-size: 100%;
}
h2 {
  margin-bottom: 0;
  color: #aa5627;
}
p {
  margin: 0 0 1em;
}
.nobottommargin {
  margin-bottom: 0;
}

#languages {
  margin: 0;
  position: absolute;
  top: 186px;
  left: 660px;
  width: 200px;
  height: 26px;
}

#menu {
  margin: 0;
  position: absolute;
  top: 164px;
  left: 0;
}
#menu {
  padding: 0;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  z-index: 1000;
}
#menu li {
  margin: 0;
  padding: 0;
  display: inline;
  float: left;
  position:relative;
}
#menu li a, #menu li span {
  border-right: 1px solid white;
  display: block;
  text-decoration: none;
}
#menu li a, #menu li span {
  padding: 4px 20px;
  height: 18px;
  font-weight: bold;
  width: 89px;
}
#menu li a {
  background: #516ab5 none repeat scroll 0%;
  color: #ffffff;
}
#menu li a.last, #menu li span.last {
  border:  none;
}
#menu li a:hover {
  background: #bccfea none repeat scroll 0%;
  color: #516ab5;
}
#menu li span {
  background: #ffffff none repeat scroll 0%;
  color: #516ab5;
}
/*--- DROPDOWN ---*/
#menu ul{
	background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); 
/* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#menu ul li{
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:left;
}
#menu ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#menu li:hover ul{ /* Display the dropdown on hover */
	left:-40px; /* Bring back on-screen when needed */
        display:block;
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:#6b0c36;
	text-decoration:underline;
}
#menu li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#menu li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#bccfea;
}


#footer {
  margin: 0 0 0 167px;
  padding: 0 0 4px;
  background: #ffffff none repeat scroll 0%;
  position: relative;
  z-index: 1000;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  clear: both;
}
#footer li {
  display: inline;
}
#footer li a, #footer li span {
  border-left: 1px solid #516ab5;
  padding: 0 20px;
  display: block;
  float: right;
  color: #516ab5;
  text-decoration: none;
}
#footer li a:hover {
  color: #0000ff;
  text-decoration: underline;
}
.guestbook2 {
  border: 1px solid #516ab5;
  padding: 10px;
  float: right;
  width: 340px;
  margin-left: 10px;
  margin-bottom: 10px;
  color: #516ab5;
}

.guestbook2 p {
  margin-bottom: 0;
}
.guestbook2 ul {
  margin: 0;
  padding-left: 1.3em;
}
.guestbook2 span {
  font-style: italic;
}

.guestbook {
  border: 1px solid #516ab5;
  padding: 10px;
  float: right;
  width: 340px;
  margin-left: 10px;
  color: #516ab5;
}
.guestbook p {
  margin-bottom: 0;
}
.guestbook ul {
  margin: 0;
  padding-left: 1.3em;
}
.guestbook span {
  font-style: italic;
}
fieldset {
  border: 1px solid #516ab5;
  margin: 0 0 1.5em;
  padding: 0 0 10px;
  background: #e6eefb none repeat scroll 0%;
  position: relative;
  float: left;
  clear: left;
}
fieldset p {
  margin: 1em;
  color: #516ab5;
  font-size: 110%;
}
legend {
  margin: 0;
  padding: 0;
  color: #516ab5;
  font-size: 110%;
}
legend span {
  position: absolute;
  display: inline;
  top: 0.5em;
  left: 9px;
}
fieldset ul {
  margin: 0;
  padding: 0 10px;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}
fieldset li {
  margin: 0;
  padding: 0 0 0.4em;
  float: left;
  clear: left;
  width: 100%;
  position: relative;
  z-index: 100;
}
fieldset li.submit input {
  cursor: pointer;
  margin-left: 136px;
}
input, label {
  vertical-align: middle;
}
input.text, select, textarea {
  border: 1px solid #52b1e0;
  padding: 2px;
  margin-right: 10px;
}
label {
  margin: 0;
  padding: 0 12px 0 0;
  line-height: 2;
  display: inline;
}
.firstcol {
  float: left;
  width: 124px;
  text-align: right;
}
.req {
  background: transparent url(../images/star.gif) no-repeat scroll right center;
}
textarea {
  width: 560px;
}
.noedit {
  background-color: #cccccc;
}
.alarm {
  background: #ff9999 none repeat scroll 0%;
  float: right;
}
.alarm:hover {
  background: #ff0000 none repeat scroll 0%;
}
.error {
  background: #ff9999 none repeat scroll 0%;
}
.errormessage {
  color: #ff0000;
  font-weight: bold;
}
#errorMessage {
  border: 1px solid #ff0000;
  padding: 10px;
  color: #ff0000;
  float: left;
  margin-bottom: 1em;
}
table.data {
  border-collapse: collapse;
}
table.data {
  margin: 0;
}
table.data th, table.data td {
  border: 1px solid #b6c8eb;
  padding: 2px 4px;
  text-align: left;
}
table.data th {
  background: #dde4f2 none repeat scroll 0%;
  font-weight: bold;
}
table.data th.center, table.data td.center {
  text-align: center;
}
table.browsenews td {
  padding-right: 10px;
}
table.tarifs {
  border-bottom: 1px solid #dabb7b;
}
table.tarifs th {
  border-bottom: 1px solid #dabb7b;
  color: #aa5627;
}
table.tarifs td {
  padding-right: 10px;
}
.rsslink {
  padding-left: 30px;
  position: relative;
  top: 0.5em;
}
ul.adresse {
  margin: 0 0 1em;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}
.listicons img {
  margin-right: 20px;
}
.imgright {
  margin: 0 0 1em 10px;
  float: right;
}
.imgleft {
  margin: 0 0 1em 10px;
  float: left;
}

.imgcentre {
  margin: 0 0 1em 10px;
  float: centre;
}
.kop {
  overflow: hidden;
  position: relative;
  width: 350px;
  height: 28px;
  margin-bottom: 0;
  z-index: 100;
}
.kop span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
}
#slideshow, .slidenoshow, #gmap {
  width: 360px;
  margin-left: 18px;
  position: relative;
  left: -10px;
}
.slidenoshow {
  float: right;
}
#bp {
  float: left;
  width: 360px;
  height: 270px;
  margin-bottom: 2px;
}
.sp {
  float: left;
  width: 60px;
  height: 45px;
  padding-bottom: 3px;
}
.spD {
  opacity: 0.6;
  cursor: pointer;
}
.spA, .spX {
  cursor: pointer;
}
.spC {
  border-bottom: 2px solid red;
  cursor: default;
}
.menu {
  border: 1px solid #dabb7b;
  padding: 10px;
  text-align: center;
  float: right;
  width: 340px;
  margin-bottom: 10px;
}
.menu_l {
  float: left;
  clear: both;
}
.menu h2 {
  border-bottom: 1px solid #dabb7b;
  margin: 0 0 1em;
  padding-bottom: 2px;
}
.menu p {
  margin: 0;
}
.sep {
  color: #aa5627;
}
.note {
  font-style: italic;
  font-size: 80%;
  padding-top: 4px;
}