/* Piramedia.ch | styled by digital design | www.digital-design.ch */

html,body{margin:0;padding:0}
body {font-size: 62.5%; font-family: arial, helvetica, sans-serif; color:black}

/* GLOBAL */
html {scrollbar-3dlight-color:#ebebeb;scrollbar-arrow-color:#D8191E;scrollbar-base-color:#ebebeb;scrollbar-darkshadow-color:#D8191E;scrollbar-face-color:#fff;scrollbar-highlight-color:#ebebeb;scrollbar-shadow-color:#DB797A}
p,td {font-size:1.3em;margin:0;margin-top:0.4em;margin-left:0.7em;padding:0;font-family: verdana,arial, helvetica, sans-serif; }
a {color:#DB181C; text-decoration: none}
a:hover {text-decoration: underline}
.bold {font-weight:bold}
.red {color: #DB181C}
h1 {
	color:#DB181C;
	font-size:2em;
	padding-top:10px;
	padding-bottom:4px;
	font-weight:bold;
	border-bottom: #D8191E 1px dashed;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
color:#000;
font-size:1.3em;
padding-top:0.7em;
margin:0;
margin-bottom: 1em;
}
h3 {
font-family: verdana,arial, helvetica, sans-serif;
color:#de1418;
font-size:1.3em;
font-weight:bold;
list-style-type:disc;
margin:0;
margin-top:2em;
margin-left: 0.7em;
margin-bottom: 0.2em;
}


/* ul {margin-top:0;margin-bottom: 1.6em}
p.indent {margin-left:1.6em} */


/* MAIN > SUBNAV */
ul.subnav {
list-style-type: disc;
list-style-position:outside;
}
.subnav li {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.3em;

margin: 0; margin-left: -1.2em; _margin-left: -1em; margin-top:0; padding: 0;
}
.subnav li sup { line-height: 0.25em; font-size: 0.75em; position: relative }
.arrow {
	display: inline;
	float: right;
	width: 27px;
	height:11px;
	margin:0;
	padding:0;
}
.arrow a img {
	width: 9px;
	height:11px;
	border:none; 
 	vertical-align: middle;
}
/*
p.bullet {
	padding-left:16px;
	margin:0;
	background-repeat: no-repeat;
	background-position: 0px 2px;
	background-image: url(../layout/sredbullet.png);
}
*/

/* MAIN > LIGHTER BOX */
.lite {
position:relative;
display:block;
background-color:#FFF9F3;
width: 100%;
height:auto;
margin:0.5em 0;
padding:0;
}
.lite p.dial, .lite p.test {
	margin:0;
	margin-left:11px;
	margin-right:11px;
	padding:0;
	padding-top:7px;
	padding-bottom:7px;
	font-size: 1.3em;
	line-height: 1.6em;
}

.lite p.dial {
	font-weight:bold;
}

.lite .txt {
	font-style: normal;
/*	letter-spacing: 0.1em; */
}

.lite p.test {
	margin-left:11px;
	margin-right:11px;
	padding-top:7px;
	padding-bottom:7px;
	font-weight:normal;
}


.lite ul.subnav {
	padding-top:7px;
	padding-bottom:7px;
	margin-bottom: 0;
	font-weight:normal;
}

/* MAIN > SMALL TXT */
p.mini {
font-size: 1.1em;
line-height: 1.3em;
margin:0;
margin-left: 1em;
margin-bottom: 4em;
/* letter-spacing: 0.1em; */
}


/* HEADER */
#headernav {float:right;margin-top:1.6em;font-family: Verdana, Arial, Helvetica, sans-serif}
#headernav p {display:inline;padding:0;margin:0; color:#D8191E; font-size:11px}
#headernav a {display:inline;padding:0;margin:0; color:black; font-size:11px}
#headernav a:hover, #headernav a.here {color:#D8191E}

/* LEFT COLUMN */
#logo {
	position:absolute;
	top:54px;
	left:32px;
	height:auto;
	visibility: visible;
}
#oper {
	position:absolute;
	top:300px;
	left:32px;
	height:auto;
	visibility: visible;
}
div#logo h4 {font-size:9px;margin:0;padding:0;color:black}
div#logo a img {border:0}
div#oper h4 {font-size:11px;margin:0;margin-top:7px;color:black;font-family:Verdana,Arial,Helvetica,sans-serif;font-weight:normal}
div#oper h5 {font-size:12px;margin:0;color:#D8191E;font-family:Verdana,Arial,Helvetica,sans-serif;font-weight:bold}



/* MAIN NAV */
div#nav {
	position:absolute;
	top:66px;
	left:200px;
	width:561px;
	height:20px;
	margin:0;
	padding:0;
	border-bottom:solid white 2px;
	visibility: visible;
}
#menu {position:absolute;display:block;margin:0;padding:0;width:562px}
#menu ul {position:absolute;display:block;width:187px}
#menu li {list-style-type:none;padding:0;display:block;float:left;margin:0;width:187px;height:auto}
ul#menu li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:20px;
	font-size:12px;
	font-weight:bold;
	display:block;
	width:187px;
	color:#db181c;
	background-color:#ebebeb;
	text-align:center;
	text-decoration:none;
}
ul#menu li a:hover, ul#menu li a.here {color:#fff;background-color:#db181c;text-decoration:none}


/* FOOTER */
div#footer p{font-size:11px;margin:0;margin-top:7px;font-family:Verdana,Arial,Helvetica,sans-serif;color:black}
.rightfoot {float:right}
.rightfoot a {color:black}
.rightfoot a:hover {color:#D8191E}

/* LAYOUT ELEMENTS */
div#notice{text-align: left;margin-top: 0.8em;margin-bottom: 1.6em;margin-left:1.6em;width:750px;background-color: #FFD6D6;border: 1px;border-color: #FF0000;border-width: 1px;border-style: solid}
p.erreur {color:#D8191E;width:114px;padding:8px;background-color: #FFD6D6;border: 1px;border-color: #FF0000;border-width: 1px;border-style: solid}
div#main.hp {background-color:white}

div#mapsearch {
position: relative;
float: right;
width: 264px;
height: 168px;
display:block;
background-color:#FFF9F3;
margin:0;
margin-top: 8px;
margin-right: 7px;
_margin-right: 4px;
padding:0;
}

div#mapsearch p {
font-size: 1em;
margin:0;
margin-top:0.3em;
padding:0
}

div.accroche {
float: right;
width: 15em;
height: 16em;
margin: 0 1em;
text-align: center;
font-size: 0.9em;
font-weight: bold;
}

/* MAIN LAYOUT */
div#container{
	position: absolute;
	top:0;
	left:0;
	width:761px;
	height:auto;
	visibility: visible;
}
div#header {
	position:absolute;
	top:0;
	left:0;
	height:64px;
	width:761px;
	visibility: visible;
}
div#main{
	position:absolute;
	margin:0;padding:0;
	top:88px;
	left:200px;
	width:561px;
	height:auto;
	visibility: visible;
	background-color:#FEF2E6
}
div#contact{position:relative;width:168px;margin-left:16px;margin-top:36px;height:auto}
div#contact{position:absolute;bottom:80px;left:0}
div#content{position:relative;_height:320px;min-height:306px;width:545px;margin-left:8px;padding-bottom:20px}
div#footer{position:relative;margin:0;padding:0;width:561px;height:20px;padding-top:3px;padding-bottom:2em;background-color:white}