* {
  margin:0;
  padding:0;
  border: none;
}

body { 
	font-family: arial, verdana, sans-serif;
	color: #888;
	font-size: 11px;
}

a {
  color: #573f90;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

div#all {
	position: absolute;
	top: 0px;
	margin-left: auto;
	margin-right: auto;
	/*top: 50%; <== original by Bartosz
	left: 50%;
	margin: -300px 0 0 -450px;*/
	height: 625px;
	width: 956px;
}

div#header {
  height: 100px;
  padding: 0 0 0 147px;
}

.left {
  float:left;
} 

div#contact {
  float: right;
  height: 100px;
  width: 242px;
  background: url(images/contact.jpg) no-repeat;
  border-right: 1px solid #e9e9e9;
}

div#contact p {
  color: #573f90;
  font-size: 13px;
  font-weight:bold;
  text-transform: uppercase;
  line-height:33px;
  padding: 8px 0 0 28px;
  background: url(images/ul02.png) 8px 17px no-repeat;
}

div#login {
  float: right;
  height: 100px;
  width: 179px;
  padding: 0 15px 0 16px;
}

div#login p {  
  color: #999bb5;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 2px 0; 
  letter-spacing: 0px;
}

div#login p.title {
  color: #999bb5; /*#573f90*/
  font-size: 12px;
  padding: 20px 0 8px 19px;
  background: url(images/point01.png) 0px 20px no-repeat;
  border-bottom: 1px solid #e9e9e9;
}

div#login p.title a{
  color: #999bb5;
  font-size: 12px;
}
div#login p.title a:hover{
  text-decoration: underline;
}


input.email {
  width: 142px;
  height: 15px;
  color: #999bb5;
  border: 1px solid #e9e9e9;
}

input.ok {
  width: 19px;
  height: 17px;
  background: url(images/ok.png) no-repeat;
}




div#menu {
  float: left;
  width: 139px;
  height: 484px;
  padding: 14px 0 0 8px;
  background: url(images/bg_menu.png) no-repeat;
}

div#menu ul li {
	list-style-type: none;
}

ul#ul02 {
  border-bottom: 1px solid #aaa;
  margin: 0 5px 0 0;
}

ul#ul02 li {
  border-top: 1px solid #aaa;
  padding: 9px 3px 8px 30px;
  background: url(images/ul02.png) 5px 10px no-repeat;
}

ul#ul02 li a {
  color: #6850a1;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 11px;
  margin:0;
  padding:0;  
}

/*added by ikastor... if there is a pb contact me :-P*/
ul#ul02 li a:hover {
  color: #6850a1;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: underline;
  line-height: 11px;
  margin:0;
  padding:0; 
}
/**/

div#content {
  float: right;
  width: 769px;
  height: 434px;
  padding: 30px 20px;
}
div#content2 {
  float: right;
  width: 699px;
  height: 384px;
  padding: 55px;
}
.home {
  background: url(images/bg_home.png) no-repeat;
}
.main {
  background: url(images/bg_content.jpg) no-repeat;
}
.frame {
  background: url(images/bg_frame.png) no-repeat;
}
h2 {
  color: #573f90;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 40px;
}
h3 {
  color: #5c5276;
  font-size: 12px;
  font-weight: bold;
  padding: 8px 0;
  line-height: 16px;
}

p.point01 {
  color: #573f90;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  background: url(images/ul02.png) 0 2px no-repeat;
  padding: 2px 0 2px 20px;
  margin: 20px 0 0 0;
}



div#content p {
  margin:0 50px 0 55px;
}

div#content p.title01 {
  color: #573f90;
  margin: 0 0 0 380px;
  padding: 8px 0 12px;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
}
div#content p.title02 {
  padding: 10px 0 12px;
  font-weight: bold;
  color: #5c5276;
}
div#content p.text {
  color:#392e55;
}



div#images {
  height: 280px;
  position: relative;
}
div#images div {
  float: left;
  padding: 2px;
}


div#footer {
  clear: both;
  color: #a2a6aa;
  text-align: right;
  padding: 2px 30px 2px 0;
}

div#footer a {
  color: #a2a6aa;
}

div#footer span {
  margin: 0 10px;
}

/*  intro  */

#intro {
  margin: 10px auto;
  width: 911px;
  height: 569px;
}

#rightCol {
  float: right;
  background: url(images/filien2.png) no-repeat top right;
  width: 435px;
  height: 549px; 
}

.i01 {
  background: url(images/1.jpg) no-repeat; 
}
.i02 {
  background: url(images/2.jpg) no-repeat; 
}


#menu_index {
  width: 375px;
  margin: 185px 0 0 0;
  text-transform: uppercase;
  font-weight: bold;
}


#menu_index div {
  height: 50px;
  font-size: 14px;
  line-height:45px;
  padding: 0 0 0 40px;
  margin: 0 0 8px 0;
  background: url(images/index_btn_off.gif) no-repeat;
  cursor: pointer;
}

#menu_index div:hover {
  color: #ffffff;
  background: url(images/index_btn_on.gif) no-repeat; 
}

#menu_index div:hover a {
  color: #ffffff;
}

#menu_index a {
  color: #6850a1;
  text-decoration: none;
}

#menu_index a:hover {
  color: #ffffff;
  text-decoration: none;
}


#rightCol p {
  text-align:right;
  margin: 60px 50px 0 0;
  height: 56px;
  line-height:56px;
}
#rightCol p span {
  background: url(images/span01.png);
  border: 1px solid red;
}


#form_contact div {
	padding: 2px 0;
}
#form_contact div input {
	border: 1px solid #d1d3e8;
}

#form_contact select {
	width: 150px;
}


#form_contact label {
	width: 180px;
	display: block;
	float: left;
	font-size: 12px;
}

textarea#textarea_contact {
  width: 400px;
  height: 100px;  
	border: 1px solid #d1d3e8;
}

#envoyer {
  width: 78px;
  height: 24px;
  background: url(images/envoyer.png);
  margin: 0 0 0 15px;
}

#brochure {
  height: 280px;
}
#brochure div {
  float: left;
  width: 285px;
  height: 188px;
  padding: 30px;
}

.boxbrochure {
  color: #5c5276;
  width: 285px;
  height: 188px;
  padding: 30px;
  background: url(images/box_brochure.png);
}

.boxbrochure img {
  float: left;
}
.boxbrochure span {
  font-weight: bold;
  text-transform: uppercase;
}
.boxbrochure span.s02 {
  font-size: 14px;
}

.art_title {
  color: #5c5276;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 30px;
}
.art_foto {
  float: left;
  margin: 0 10px 10px 0;
}
.art_text {
  float: left;
}