/* Copyright 2005 Acrotect LLC.  All rights reserved. */

html, body {
	margin: 0;
	padding: 0;
	background-color: #00a26b;
	color: black;
	font-family: Bitstream Vera Sans, Arial, Helvetica, sans-serif;
}
html, body, #main {
	height: 100%;
	position: relative;
}
#main {
        margin-bottom: -70px;
}

div.banner {
        position: absolute;
        top: 0;
        width: 100%;
	background-color: white;
}
div.banner, #clearbanner {
        height: 3.5em;
}
div.banner h2 {
	margin: 0;
	padding: 0.3em;
	font-size: 200%;
	font-weight: bold;
	color: black;
}
div.navigation ul {
	margin: 0;
	background-color: white;
	padding: 0;
	height: 3.5em;
	list-style: none;
}
div.navigation li {
	float: left;
	display: block;
	margin: 0;
	background-color: #00a26b;
	padding: 0;
        /* We want to divide the space evenly, i.e. 16.67% each.  However,
           KHTML and Opera round 16.67% down to 16%, leaving an ugly gap.
           So we specify 16% and allocate the extra space manually */
	width: 16%;
	height: 100%;
	position: relative;
}
body.fr-CH #navlink-services, body.fr-CH #navlink-team,
  body.de-CH #navlink-services, body.de-CH #navlink-hours,
  body.en-GB #navlink-team, body.en-GB #navlink-urgent {
	width: 18%;
}

/* In IE5, an item will spill over into the next line if the widths add up to
   100%, so we round down a bit */
* html body.fr-CH #navlink-services,
  * html body.de-CH #navlink-services,
  * html body.en-GB #navlink-team {
	width: 17.5%;
}
div.navigation a {
	display: block;
	border: 2px solid white;
	padding-top: 1.15em;
	height: 2.35em;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	color: white;
	line-height: 0.85em;
	padding-bottom: 1.15em;		/* IE5 */
	padd\ing-bottom: 0;		/* IE6 and W3C */
}
div.navigation li.current a, div.navigation a:hover, div.navigation a:active {
	border-color: gray;
}
#navlink-urgent a {
	color: #c66;
}
a.stealth, a.stealth:visited, a.stealth:hover, a.stealth:active {
	color: black;
	text-decoration: none;
	cursor: inherit;
}


.localeselector {
	position: absolute;
	top: 0;
	right: 0;
	height: 3.5em;
	width: 100%;
}
.localeselector ul {
	position: absolute;
	z-index: 1;		/* Otherwise links won't be clickable */
	right: 0;
	bottom: 0;
	display: block;
	margin: 0;
	padding: 0.5em 0 0.5em 0;
	list-style: none;
	background-color: #aaa;
}
.localeselector li {
	display: inline;
	margin: 0;
	padding: 0 1em;
	font-weight: bold;
	color: white;
}
.localeselector li a {
	text-decoration: none;
	color: #00a26b;
}
.localeselector li a:hover, .localeselector li a:active {
	text-decoration: underline;
}

#minHeight {
	width: 0;
	height: 100%;
	margin-bottom: -70px;
	float: left;
}
#clearfooter {
        clear: both;
        float: left;            /* Push footer down */
        width: 100%;
        position: relative;
}
* html #clearfooter {
        margin-bottom: 70px;    /* IE */
}

div.content {
	margin: 1em;
	margin-bottom: 70px;
}
div.footer {
	clear: both;
        position: relative;
	height: 70px;
	background: url(sourires.jpg) repeat-x bottom left;
}
#copyright {
	display: none;
}

address {
	font-style: normal;
}

.devel {
	background-color: blue;
	color: yellow;
}

span.phone, span.time {
	white-space: nowrap;
}

#map {
	float: left;
	margin-left: 3em;
	margin-right: 3em;
	background-color: #ffffff;
	width: 300px;
	height: 300px;
	border: 1px solid black;
}

table.hours th {
	padding-right: 1.5em;
	text-align: left;
	font-weight: normal;
}

ul.illustration li {
	list-style: none;
	margin-bottom: 50px;
}

body#welcome .content {
	text-align: center;
}
body#hours #innercontent {
	position: absolute;
	top: 50%;
	left: 50%;
}
body#urgent .content h1, body#urgent .content h2 {
	color: #c66;
}

body#service .content {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
body#service ol, body#service ul {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}