/**
 * Copyright 2005 Olivier Clavel
 *
 * This file is part of LCJ-Conseil website software.
 *
 * LCJ-Conseil website is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License,
 * or any later version.
 *
 * LCJ-Conseil website is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with MediaNetLive portal software; if not, write to the Free Software
 * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
 *
 * @author Olivier Clavel <contact AT retiz DOT com>
 */
body { 
  background-color: lightgrey;
  font-family: arial, sans serif;
  width: 770px;
  margin: 0 auto;
  font-size: 0.8em;
}

#pageHeader {
  margin: 0;
  height: 112px;
  background-image: url("/images/header.png");
  background-repeat: no-repeat;
  border-bottom: solid black 1px;
}

#pageHeader h1 { 
  position: static;
  width: 170px;
  height: 70px;
  margin: 0 0 0 25px;
  padding: 39px 0 0 0;
  overflow: hidden;
  background: none;
}

#pageHeader h1 a {
  display: block;
  height: 30px;
  width: 170px;
  text-decoration: none;
}

#pageHeader span { 
  visibility: hidden;
}

#pageMenu { 
  float: left;
  border-bottom: solid lightgrey 5px;
}

#pageMenu ul { 
  background-color: rgb(110, 110, 223);
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  width: 770px;
  height:  30px;
  border-bottom: solid white 1px;
}

#pageMenu li {
  padding-top: 7px;
  font-weight: bold;
  width: 146px;
  height: 23px;
  text-align: center;
  float: left; 
  border-left: solid 4px rgb(128, 128, 237);
  border-right: solid 4px rgb(128, 128, 237);
}

#pageMenu a { 
  color: white;
  text-decoration: none;
}

#pageMenu a:hover,
#pageMenu .current { 
  text-decoration: underline;
  color: rgb(255, 222, 0);
}

#pageMain { 
  position: absolute;
  top: 148px;
  bottom: 25px;
  width: 720px;
  overflow: auto;
  background-color: rgb(110, 110, 223);
  padding: 0 0 0 50px;
  clear: both;
}

#pageMainContent {
  margin: 0;
  background-color: rgb(255, 222, 0);
  padding: 0px 10px 0px 10px;
  min-height: 100%;
}

#googleAdContainer {
  margin-top: 15px;
  margin-left: 15px;
  float: right;
}

h1, h2 { 
  color: rgb(110, 110, 223);
  margin: 0;
  padding: 0.3em 0;
}

h1 { 
  position: relative;
  left: -50px;
  padding-left: 50px;
  background-image: url("/images/sun.gif");
  background-repeat: no-repeat;
  background-position: 5px 50%;
  font-size: 1.8em;
}

h2 { 
  font-size: 1.3em;
}

#pageFooter { 
  position: absolute;
  height: 20px;
  width: 770px;
  bottom: 0;
  background-color: rgb(110, 110, 223);
  text-align: center;
  padding-top: 5px;
  color: rgb(255, 222, 0);
}

#pageFooter a { 
  color: rgb(255, 222, 0);
}

#pageFooter a:hover { 
  color: white;
}

#pageMain a { 
  text-decoration: none;
  border-bottom: dotted rgb(110, 110, 223) 1px;
  color: rgb(110, 110, 223);
}

#pageMain a:hover { 
  color: rgb(255, 222, 0);
  background-color: rgb(110, 110, 223);
  border-bottom-style: solid;
}

#pageMain h2 a { 
  border: none;
}

#pageMain h2 a:hover { 
  background-color: transparent;
  color: inherit;
  border: none;
}

#allContacts { 
  padding-left: 35px;
  padding-bottom: 15px;
}

#allContacts address,
#allContacts p { 
  margin: 5px 0;
}

#allContacts address { 
  font-style: normal;
  font-weight: bold;
}

#allContacts span { 
  font-weight: bold;
}

fieldset { 
  float: left;
  width: 660px;
}

legend { 
  color: rgb(110, 110, 223);
}

form p { 
  float: left;
  clear: left;
  margin: 3px 0;
  width: 100%;
}

label { 
  display: block;
  float: left;
  clear: left;
  width: 200px;
}

form h3 { 
  float: left;
  width: 100%;
  color: rgb(110, 110, 223);
  background-color: transparent;
  margin: 10px 0 5px 0;
}

form h4 { 
  float: left;
  width: 100%;
  background-color: transparent;
  margin: 5px 0 3px 0;
}

select { 
  width: 200px;
}

select.numeric { 
  width: auto;
}

textarea { 
  width: 400px;
}

#userFeedback { 
  text-align: center;
  color: rgb(110, 110, 223);
  font-size: 16px;
  padding: 1em 0;
}

#userFeedback.negative { 
  color: red;
}