/* L1ME Style */

html, body { 
   margin: 0;
   padding: 0;
   color: black;
   background-color: white;
   height: 100%;
   width: 100%;
   overflow: auto;
}
html.with-javascript,
.with-javascript body {
   overflow: hidden;
}
html, body, table, input, textarea {
   font: 12px/16px Arial, Helvetica, sans-serif;
}
body { 
   background: url(bg-splash.jpg) repeat-x center center; 
   background-attachment: fixed; 
}
#logo { display: none; }
#wrap {
   padding: 25px;
}
a { 
   color: #66A323;
}
hr { display: none; }
h1 {
   background: url(l1me-logo.png) no-repeat; 
   width: 185px;
   margin: 0;
   padding: 100px 0 0 0;
   height: 0;
   clip: rect(0,185,100,0);
   overflow: hidden;
   font-size: 0;
   line-height: 100;
   bottom: 0;
   right: 0;
   position: absolute;
}
ul {
   list-style: square;
}
ul, ol {
   margin-left: 1.5em;
}
li {
  margin-bottom: 1em;
}
p, ul, ol, table {
   padding: 0;
   margin-top: 1em;
   margin-bottom: 1em;
}
input.text, textarea {
   border: none;
   background-color: white;
   padding: 1px 3px 1px 3px;
   border: 1px solid #DFF3CA;
   color: #66A323;
}
input.submit {
   background-color: #6DAD25;
   color: white;
   border: none;
   font-size: 12px;
   font-weight: bold;
}
input.disabled {
   background-color: #AAA;
}
#contact.box input.text {
   width: 200px;
} 
#contact.box textarea {
   width: 292px;
}
.with-javascript #contact-notice {
   position: absolute;
   width: 303px; 
}
.box {
   position: relative;
   width: 305px;
   margin-top: 10px;
   padding: 0 20px 15px 20px;
   background: url(box-bottom.png) no-repeat bottom;
}
.box h2 {
   position: absolute;
   margin: -40px 0 0 -20px;
   width: 305px;
   padding: 15px 20px 0 20px;
   height: 25px;
   background: url(box-top.png) no-repeat top;
   color: #66A323;
   font-size: 17px;
   line-height: 25px;
   font-weight: normal;
}
.box h2,
input.submit {
   font-family: Cambria,Georgia,Palatino,Palatino Linotype,Myriad Pro,Serif;
}
.box .content {
  padding-top: 1px;
}

p.copyright {
   font-size: 10px;
   color: #aaa;
   text-transform: uppercase;
   margin-left: 20px;
}
.with-javascript p.copyright {
   padding: 0;
   margin: 0;
   position: absolute;
   bottom: 10px;
   left: 35px;
}
p.copyright a {
   color: #aaa;
}

div.error, div.info {
  margin-top: 1em;
  padding: 1px 0.8em 1px 0.8em;
  border: 1px solid;
  position: relative;
}
div.error p, div.info p {
  margin: 0.5em 0 0.5em 0;
}
div.error { 
  background-color: #FBE8E8; 
  color: #CF2D2D;
  border-color: #CF2D2D;
}
div.info { 
  background-color: #F2FBE8; 
  color: #548B18;
  border-color: #548B18;
}
#profil .content p img {
  float: left;
  margin: 0 5px 5px 0;
}

