body {
  background: #555555;
  padding: 0px;
  color: #222222;
  font-family: Arial, Verdana, Helvetica, sans-serif, monospace;
  font-size: small;
  width: 1000px;
}

a:link {
  color: #550011;
  background: transparent;
  text-decoration: none;
}

a:visited {
  color: #550011;
  background: transparent;
  text-decoration: none;
}

a:active {
  color: #550011;
  background: transparent;
  text-decoration: none
}

a:hover {
  color: #550011;
  background: transparent
  text-decoration: underline;
}

.main{
  color: #000000;
  background-color: #ffffff;
  width: 980px;

}

.header{
  height: 40px;
/*  background-image: url(http://www.bop-photolab.org/bop2/img/bop-logo-small.png);
  background-repeat: no-repeat; */
  padding: 0px;
  margin: 0px;
  font-size: x-large;
}

.footer{
  color: #555555;
  margin-right: 20px;
  margin-left: 20px;
  border-top: 1px solid #555555;
  text-align: right;
}

.menu1{
  padding: 0px;
  margin-left: 20px;
  margin-right: 250px;
  margin-bottom: 10px;
  border-bottom: 1px solid #555555;
}

.menu2{
  float: left;
  width: 105px;
  padding: 5px;
  margin-top: 5px;
  margin-left: 5px;
  border-top: 1px solid #555555;
  border-bottom: 1px solid #555555;
}

.inside_win{
  float: left;
  width: 860px;
}

.spacer{
  clear: both;
  visibility: hidden;
}

.intro{
  margin: 30px 100px;
}

.news_front{
  float: left;
  width: 290px;
  border-top: 1px solid #555555;
  border-bottom: 1px solid #555555;
  margin: 10px;
  padding: 5px;
}

.random_front{
  float: left;
  width: 506px;
  border-top: 1px solid #555555;
  border-bottom: 1px solid #555555;
  margin: 10px;
  padding: 5px;
}

.random_photo_box{
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 1em;
	margin-bottom: 2em;
}

.random_photo_front{
  float: left;
  width: 100%;
  margin-top: 0.5em;
}

.expo_random_front{
  float: left;
  text-align: right;
  width: 506px;
  border-top: 1px solid #555555;
  border-bottom: 1px solid #555555;
  margin: 10px;
  padding: 5px;
}

.expo_random_front_box{
  margin-bottom: 1em;
}

.expo_random_front_thumb{
  float: right;
  width: 150px;
  text-align: left;
}

.expo_random_front_infos{
  float: right;
  width: 300px;
  padding-right: 1em;
  text-align: right;
}

.photo{
}

.comm_tech{
  width: 290px;
  float: left;
  margin: 10px;
  padding: 5px;
  border-top: 1px solid #555555;
  border-bottom: 1px solid #555555;
}

.comm_art{
  width: 506px;
  float: left;
  margin: 10px;
  padding: 5px;
  border-top: 1px solid #555555;
  border-bottom: 1px solid #555555;
}

.expo_descr{
  margin: 10px 20px;
  padding: 0px 150px;
  border-bottom: 1px solid #555555;
}

.expo_thumb{
  width: 280px;
  height: 200px;
  float: left;
  text-align: center;
}

.expo_nav_barre{
  margin-bottom: 10px;
  margin-left: 20px;
  margin-right: 500px;
  padding: 0px 20px 5px;
  border-bottom: 1px solid #555555;
}

.news{
  float: left;
  width: 370px;
  border-top: 1px solid #555555;
  margin: 10px;
  padding: 20px;
}

.member{
  margin: 0px 50px;
  border-top: 1px solid #555555;
}

.member_descr{
  width: 500px;
  float: left;
  margin: 10px 20px;
  padding: 5px;
  border-bottom: 1px solid #555555;
}

.member_random_thumb{
  width: 180px;
  float: left;
  padding: 10px;
  text-align: center;
}