/* 
 *
 * $Id: main.css,v 1.12 2009-08-10 09:56:16 disco Exp $
 *
 * Styles for www.physicor.ch
 *
 * Copyiright (c) 2007 Alexis Domjan
 *
 */

body.normal {
   margin: 0;
   padding: 0;
   background: #900 url(../images/bodyBg.gif) top center repeat-y;
   font-family: verdana, lucida, helvetica, sans-serif;
   font-size: 12px;
}

a.link {
   color: #900;
   text-decoration: underline;
}

a.link:hover {
   color: #600;
}

img.ilink:hover { border: 2px black solid; margin: -2px; }

img.borded { border: 1px #ccc solid; }

div.titletop {
   height:40px;
   width:764px;
   margin-left: auto;
   margin-right: auto;
   font-family: "Georgia", verdana, lucida, helvetica, sans-serif;
   padding:0.7em 0 0 0.6em;
   font-size: 24px;
   text-transform: uppercase;
   color: #990000;
   background-color: white;
   top: 0px;
}

div.layout {
   margin-left: auto;
   margin-right: auto;
   width: 764px;
   top: 41px;
}

div.address {
   position: absolute;
   display: block;
   margin: 0;
   width: 180px;
   left: auto;
   top: 500px;
   color: white;
   border-top: 1px white solid;
   border-bottom: 1px white solid;
   background-color: #900;
   font-size: 8pt;
   background: #900 url(../images/triangle.gif) 3px 6px no-repeat;
/*   padding: 0.4em 0 0.4em 1.3em; */
}

p.address {
   display: block;
   position: absolute;
   top: 480px;
   width: 175px;
   border-top: 1px white solid;
   border-bottom: 1px white solid;
   background-color: #900;
   font-size: 8pt;
   color: white;
   padding: 2px;
/*   background: #900 url(../images/triangle.gif) 3px 6px no-repeat; */
}
   

div.address p {
   padding-left: 12px;
   padding-top: 0px;
   margin-top: 3px;
   color: white;
}

a.address{
   color: white;
}

a.address:visited {
   color: white;
}

a.address:link {
   color: white;
}

a.address:hover {
   color: #eee;
}

a.back {
   background: transparent url(../images/triangle_back.gif) 0px 60% no-repeat;
   padding: 12px 0 8px 10px;
   color:#900;
}


p.hline {
   border-bottom: 1px #900 dotted;
   display: block;
   width: 100%;
}


div.menu {
   position: relative;
   float: left;
   margin: 0;
   height: 500px;
   width: 179px;
   background: #600 url(../images/upleft.gif) top left no-repeat;
}

#sel {
  border-bottom: 1px solid #fff;
  background: #ccc url(../images/triangle_sel.gif) 3px 50% no-repeat;
  padding: 0.4em 0 0.4em 1.3em;
  color: #666
}

a.menu {
   display: block;
   border-bottom: 1px solid #fff;
   background: #900 url(../images/triangle.gif) 3px 50% no-repeat;
   padding: 0.4em 0 0.4em 1.3em;
   text-decoration: none;
}

div.menu a.menu:hover {
   background: #ccc url(../images/triangle_sel.gif) 3px 50% no-repeat;
   color: #666;
}

div.menu a.menu:visited, div.menu a.menu:link {
   color: #fff;
}

a.submenu {
   display: block;
   font-size: 8pt;
   border-bottom: 1px dotted #900;
   background: #600;
   text-decoration: none;
   color: #fff;
   padding:0.4em 0 0.4em 1.3em;
}

a.subsubmenu {
   display: block;
   font-size: 8pt;
   border-bottom: 1px dotted #900;
   background: #600;
   text-decoration: none;
   color: #fff;
   padding:0.1em 0 0.1em 1.6em;
}

#subsubsel {
   border-bottom: 1px dotted #900;
   background: #600 url(../images/triangle.gif) 3px 50% no-repeat;
   padding:0.1em 0 0.1em 1.6em;
   text-decoration: none;
   color: #fff;
   font-weight: bold;
}



div.menu a.submenu:hover {
   background: #600 url(../images/triangle.gif) 3px 50% no-repeat;
   color: #fff;
}

#subsel {
   border-bottom: 1px dotted #900;
   background: #600 url(../images/triangle.gif) 3px 50% no-repeat;
   padding:0.4em 0 0.4em 1.3em;
   text-decoration: none;
   color: #fff;
   font-weight: bold;
}


div.titlepage {
   position: relative;
   float: right;
   margin: 0;
   height: 80px;
   width: 555px;
   margin-right: 18px;
   background: #900 url(../images/toprightcorner.gif) top right no-repeat;
   color: white;
   font-size: 24px;
   font-family: georgia, Times New Roman, Times, serif;
   font-variant: small-caps;
}



div.titlepage p {
   font-size: 24px;
   padding-left: 40px;
   padding-top: 0px;
   margin-top: 10px;
   color: white;
   text-transform: uppercase;
}

div.content {
   position: relative;
   margin-top: 5px;
   float: left;
/*   margin-right: 18px; */
   margin-left: 12px;
   width: 555px;
}
   
p.title {
   text-transform: uppercase;
   font-size: 10pt;
   font-weight: bold;
   color: #900;
}

p.text {
   font-size: 10pt;
   color: black;
   text-align: left;
}


p {
   font-size: 10pt;
   color: black;
   text-align: left;
}

p.error {
   font-size: 10pt;
   color: #ff2020;
   font-weight: bold;
}
  
   
b.ptitle {
   color: #900;
   text-transform: uppercase;
   text-decoration: underline;
}

a.ptitle {
   color: #900;
   text-transform: uppercase;
   text-decoration: underline;
   font-weight: bold;
}


img.pthumb {
   border: 1px #ccc solid;
   padding: 2px;
   margin-right: 10px;
}

img.pthumb:hover {
   border: 2px black solid;
   padding: 1px;
}


div.prod-img {
   float: left;
   clear: left;
   display: block;
   width: 84px;
   height: 84px;
   margin-bottom: 10px;
}



div.prod-desc {
   display: block;
   float: left;
   width: 430px;
   height: 84px;
   margin-bottom: 10px;
}

div.block {
   float: left;
   display: block;
   width: 573px;
  /* float: left;*/
   
}

img.equipe {
   border: 1px #ccc solid;
   padding: 2px;
   margin-right: 10px;
}
	 

div.equipe-img {
   float: left;
   clear: left;
   display: block;
   width: 84px;
   height: 84px;
   margin-bottom: 10px;
}

div.equipe-desc {
   display: block;
   float: left;
   width: 430px;
   height: 84px;
   margin-bottom: 10px;
}



/*
ul {
	margin-top:0px;
}

ul li {
	list-style:outside square;
	margin-left:-25px;
	margin-bottom:0px;
}
*/

ul {
    list-style-type: square;
    margin: 0 0 0 15px;
    padding: 0;
    font-size: 10pt;
    list-style-image: url("../images/triangle_red.gif");
}

input.form {
   border: 1px #900 solid;
}

select.form {
   border: 1px #900 solid;
}

textarea.form {
   border: 1px #900 solid;
}


th { 
   background-color: #eee;
   font-size: 10pt;
   color: black;
   font-weight: bold;
   text-align: left;
}

td {
   background-color: white;
   text-align: left;
   vertical-align: middle;
   font-size: 8pt;
}