h1#title {
  border-style: none;
  border-width: 0px;
  background-image: none;
  text-indent: -5000px;
  display: none;
}
html, body {
  height: 100%;
  margin-top: 0;
}
body {
  background-repeat: no-repeat;
  background-position:  center center;
  font-size: 12px;
  background-attachment: fixed;
  font-family: Arial,Helvetica,sans-serif;
  background-image: url(images/bg-fond.jpg);
}
a {
  text-decoration: none;
  color: #660000;
  font-weight: bold;
}
a:hover {
  text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0 0 0 8px;
}
h1 {
  border-bottom: 1px solid #cc66cc;
  font-size: 14px;
  line-height: 24px;
  background-image: url(images/bg-menu-headerA.png);
  background-position: left center;
  background-repeat: repeat-x;
  color: #ffccff;
}
h2 {
  border-style: solid;
  border-color: #cc66cc #663366 #663366 #cc66cc;
  border-width: 1px;
  line-height: 24px;
  font-size: 14px;
  margin-right: 8px;
  margin-left: 8px;
  background-position: left center;
  background-image: url(images/bg-menu-headerB.png);
  color: #ffffcc;
}
#wrapper {
  width: 768px;
  margin-right: auto;
  margin-left: auto;
  background-repeat: repeat-y;
  background-image: url(images/bg-wrapper.png);
}
#main {
  border-left: 1px solid #101010;
  border-right: 1px solid #101010;
  width: 736px;
  margin-right: auto;
  margin-left: auto;
  background-image: url(images/bg-zoneB.png) ;
}
#banner {
  border-right-color: #101010;
  height: 80px;
  background-image: url(images/banner.jpg);
  background-repeat: no-repeat;
  background-position:  center center;
  border-left-color: #101010;
}
.navbar {
  margin: 0;
  padding: 0;
  background-repeat: repeat-x;
  background-position: left center;
  background-image: url(images/bg-menu-headerB.png) ;
}
.navbar ul {
  border-top: 1px solid #101010;
  border-bottom: 1px solid #101010;
  margin: 0;
  padding: 0;
  display: block;
  height: 24px;
  overflow: hidden;
}
.navbar li {
  margin: 0;
  padding: 0;
  float: left;
  list-style-type: none;
  text-align: center;
  width: 14.2%;
}
.navbar a {
  font-size: 12px;
  text-decoration: none;
  display: block;
  line-height: 24px;
  font-weight: normal;
  background-position: left center;
  background-repeat: repeat-x;
  color: #ffccff;
}
.navbar a:hover {
  background-repeat: repeat-x;
  background-position: left center;
  background-image: url(images/bg-navbar-hoverb.png);
  color: #660000;
}
.description {
}
.left {
  width: 71.5%;
  float: left;
  clear: left;
}
#cam {
  width: 100%;
  float: left;
  clear: left;
}
.right {
  width: 28.5%;
  float: right;
  clear: right;
}
.leftcontent {
  border-style: solid;
  border-color: #cc33cc #663366 #663366 #cc33cc;
  border-width: 1px;
  margin: 8px;
  padding: 8px;
  background-image: url(images/bg-orange-light.png);
  overflow: hidden;
}
#contentcam {
  border-style: solid;
  border-color: #cc33cc #663366 #663366 #cc33cc;
  border-width: 1px;
  margin: 8px;
  padding: 8px;
  background-image: url(images/bg-orange-light.png);
  overflow: hidden;
}
#footer {
  border-top: 1px solid #cc66cc;
  border-bottom: 1px solid #101010;
  clear: both;
  height: 24px;
  background-image: url(images/bg-darker.png);
  line-height: 24px;
  text-align: center;
  color: #660000;
}
.descriptioncontent {
  border-style: solid;
  border-color: #cc33cc #663366 #663366 #cc33cc;
  border-width: 1px;
  margin: 8px;
  padding: 0 8px;
  background-image: url(images/bg-zoneC.png) ;
}
img.floatright_200_300 {
  width: 200px;
  height: 300px;
  margin-left: 8px;
  margin-bottom: 8px;
  display: block;
  float: right;
  margin-top: 8px;
}
div.floatright_200_200 {
  width: 200px;
  height: 200px;
  margin-left: 8px;
  margin-bottom: 8px;
  display: block;
  float: right;
  margin-top: 8px;
}
img.floatleft_200_200 {
  float: left;
  margin-bottom: 8px;
  margin-right: 8px;
  margin-top: 8px;
  width: 200px;
  height: 200px;
}

img.floatright_200_200 {
  float: right;
  margin-bottom: 8px;
  margin-left: 8px;
  margin-top: 8px;
  width: 200px;
  height: 200px;
}

img.akaone {
  background-image: url(images/akaoneb.jpg);
  float: left;
  margin-bottom: 8px;
  margin-right: 8px;
  margin-top: 8px;
  width: 200px;
  height: 185px;
}

img.inedites {
  background-image: url(images/inedites.jpg);
  float: right;
  margin-bottom: 8px;
  margin-left: 8px;
  margin-top: 8px;
  width: 200px;
  height: 185px;
}

img.floatleft_96_96 {
  width: 96px;
  height: 96px;
  display: block;
  float: left;
  margin-top: 8px;
  margin-right: 8px;
  margin-bottom: 8px;
}
h3 {
  padding-left: 0;
  color: #660000;
  border-bottom-style: dotted;
  border-bottom-width: 1px;
  clear: both;
}
.rightcontent {
  background-position:  center center;
  margin-top: 8px;
  margin-right: 8px;
}
.rightcontent ul {
  margin: 0;
  padding: 0;
}
.rightcontent li {
  margin: 0 0 8px;
  padding: 0;
  list-style-type: none;
  height: 24px;
}
ul.sidelinks a {
  border-style: solid;
  border-color: #ff6600 #993300 #993300 #ff6600;
  border-width: 1px;
  display: block;
  background-repeat: repeat-x;
  line-height: 24px;
  background-position: left center;
  color: #660000;
  text-align: center;
  background-image: url(images/bg-navbar-hover.png) ;
  font-weight: normal;
}
ul.sidelinks a:hover {
  background-position: left center;
  background-repeat: repeat-x;
  color: #330033;
  text-decoration: none;
  background-image: url(images/bg-menu-headerA.png);
}
h4 {
  border-style: solid;
  border-color: #cc66cc #663366 #663366 #cc66cc;
  border-width: 1px;
  line-height: 24px;
  font-size: 14px;
  margin-right: 8px;
  margin-left: 0;
  background-position: left center;
  background-repeat: repeat-x;
  background-image: url(images/bg-menu-headerB.png) ;
  color: #ffccff;
}
img {
  border-style: solid;
  border-color: #cc33cc #663366 #663366 #cc33cc;
  border-width: 1px;
  margin: 0;
  padding: 0;
}
ul.contact a {
 border-style: solid;
  border-color: #ff6600 #993300 #993300 #ff6600;
  border-width: 1px;
  font-weight: bold;
  display: block;
  background-repeat: repeat-x;
  line-height: 24px;
  color: #ffccff;
  background-position: left center;
  background-image: url(images/bg-navbar-normal.png);
  text-align: center;
}
ul.contact a:hover {
  background-position: left center;
  background-repeat: repeat-x;
  background-image: url(images/bg-navbar-hover.png);
  color: #660000;
  text-decoration: none;
}
li#website a {
  font-weight: bold;
  display: block;
  background-repeat: repeat-x;
  line-height: 24px;
  background-position: left center;
  background-image: url(images/bg-website-normal.png);
  color: #ffccff;
}
li#website a:hover {
  background-position: left center;
  background-repeat: repeat-x;
  background-image: url(images/bg-website-hover.png);
  color: #660000;
}
li#spacerA {
  border-style: solid;
  border-color: #cc33cc #663366 #663366 #cc33cc;
  border-width: 1px;
  margin-bottom: 8px;
  background-image: url(images/sideak.jpg);
  background-position:  center center;
  height: 193px;
}
li#spacerB {
  border-style: solid;
  border-color: #cc33cc #663366 #663366 #cc33cc;
  border-width: 1px;
  margin-bottom: 8px;
  background-image: url(images/akaguitar.jpg);
  background-position:  center center;
  height: 165px;
}
li#spacerC {
  border-style: solid;
  border-color: #cc33cc #663366 #663366 #cc33cc;
  border-width: 1px;
  margin-bottom: 8px;
  height: 200px;
}
li#spacerD {
  border-style: solid;
  border-color: #cc33cc #663366 #663366 #cc33cc;
  border-width: 1px;
  margin-bottom: 8px;
  background-image: url(images/sideaka2.jpg);
  background-position:  center center;
  height: 285px;
}
li#spcnany {
  border-style: solid;
  border-color: #cc33cc #663366 #663366 #cc33cc;
  border-width: 1px;
  margin-bottom: 8px;
  background-image: url(images/sideaka2.jpg);
  background-position:  center center;
  background-repeat: no-repeat;
  height: 254px;
}
li#spcmarie {
  border-style: solid;
  border-color: #cc33cc #663366 #663366 #cc33cc;
  border-width: 1px;
  margin-bottom: 8px;
  background-position:  center center;
  background-image: url(images/sideaka3.jpg);
  height: 284px;
}
li#spcseb {
  border-style: solid;
  border-color: #cc33cc #663366 #663366 #cc33cc;
  border-width: 1px;
  margin-bottom: 8px;
  height: 108px;
  background-image: url(images/sideak.jpg);
  background-position:  center center;
}
li#spcaurelie {
  border-style: solid;
  border-color: #cc33cc #663366 #663366 #cc33cc;
  border-width: 1px;
  margin-bottom: 8px;
  background-image: url(images/spcaurelie.jpg);
  background-position:  center center;
  height: 392px;
}
.descriptioncontent p {
  color: #330000;
}
ul.innerlink {
  border-style: solid;
  border-color: #cc6600 #660000 #660000 #cc6600;
  border-width: 1px;
  margin: 8px;
  padding: 0;
  height: 24px;
  overflow: hidden;
  text-align: center;
  list-style-type: none;
  background-image: url(images/bg-navbar-hover.png);
  line-height: 24px;
  display: block;
  clear: both;
}
ul.innerlink li {
  margin: 0;
  padding: 0;
  float: left;
  width: 20%;
}

ul.innerlink a {
  display: block;
}
ul.innerlink a:hover {
  background-repeat: repeat-x;
  background-position: left center;
  background-image: url(images/bg-menu-headerA.png);
  text-decoration: none;
}
img.floatleft_300_200 {
  width: 300px;
  height: 200px;
  display: block;
  float: left;
  margin-right: 8px;
  margin-bottom: 8px;
  margin-top: 8px;
}
img.floatleft_200_300 {
  width: 200px;
  height: 300px;
  display: block;
  float: left;
  margin-right: 8px;
  margin-bottom: 8px;
  margin-top: 8px;
}
p {
  text-align: justify;
}
.bannerspacer {
  width: 488px;
  height: 75px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 8px;
}
li#spacerfriends {
  border-style: solid;
  border-color: #cc33cc #663366 #663366 #cc33cc;
  border-width: 1px;
  margin-bottom: 8px;
  background-image: url(images/spcaurelie.jpg);
  background-position:  center center;
  height: 132px;
}
#cam {
  width: 100%;
  float: left;
  clear: left;
}
#camwrap {
  margin: 32px auto;
  width: 640px;
  height: 480px;
}
#campic {
  width: 640px;
  height: 480px;
}
div#intro {
  width: 504px;
}
div#ubuntucountdown {
  background-color:#2C001E;
  float: right;
  width: 182px;
  height: 64px;
  margin-top:8px;
  border:none; 
}

div.getfirefox a {
  color: #ffff99;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}
span.bold {
  font-weight: bold;
  color: #660066;

}

ul.newsfeed {
  display: block;
  margin: 0;
  padding: 0;
  height :32px;
  text-align:center;
  line-height:32px;
  color:#fff;

}
ul.newsfeed li {
  margin: 0;
  padding: 0;
  display: block;
  height :32px;
  text-align:center;
  line-height:32px;
  color:#fff;
}
ul.newsfeed li a {
  margin: 0;
  padding: 0;
  display: block;
  height :32px;
  text-align:center;
  line-height:32px;
  color:#fff;
  border-style: solid;
  border-color: #cc33cc #663366 #663366 #cc33cc;
  border-width: 1px;
  background-image: url(images/bg-newsfeed.png);
  background-repeat: repeat-x;
}
ul.newsfeed li a:hover {
  background-image: url(images/bg-newsfeed-hover.png);
}

ul.lastfm {
  display: block;
  margin: 0;
  padding: 0;
  height :48px;
  text-align:center;
  line-height:48px;
  color:#fff;

}
ul.lastfm li {
  margin: 0;
  padding: 0;
  display: block;
  height :48px;
  background-image: url(images/bg-lastfm.png);
  background-repeat: repeat-x;
  text-align:center;
  line-height:48px;
  color:#fff;
}
ul.lastfm li a {
  margin: 0;
  padding: 0;
  display: block;
  height :48px;
  text-align:center;
  line-height:48px;
  color:#fff;
}
#copyright {
float:left;
width:504px;
}
#valid {
width:132px;
float:right;
line-height:24px;
}
#valid a {
display:block;
width:66px;
height:22px;
float:left;
}
