* {
  font-family: Tahoma, Verdana, Geneva, Sans-serif;
}

body {
background-image: url("../images/traeumerei-bg.jpg");
margin-top: 22px;
}

img {
  border: 0px;
  vertical-align: bottom;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

label {
  color: #CDB678;
}

.goldrand {
background-image: url("../images/traeumerei-goldrand.jpg");
}
.strip {
background-image: url("../images/traeumerei-strip.jpg");
}
.bg {
background-image: url("../images/traeumerei-bg.jpg");
}
.bg2 {
background-image: url("../images/traeumerei-bg2.jpg");
}

.wrapper1 {
  width: 87%;
  margin-left: auto;
  margin-right: auto;
  padding: 19px;
}

.wrapper2 {
  padding: 12px;
}

.wrapper3 {
  padding: 2px;
  background-color: #CDB678;
}

.wrapper4 {
  text-align: center;
}

.center {
  width: 100%;
  text-align: center;
}

.clear {
  clear: both;
}

.footer {
  width: 100%;
  text-align: center;
  font-size: 70%;
  color: #bbbbbb;
  margin-top: 2px;
  font-family: Tahoma, Verdana, Geneva, Sans-serif;
}

.footer a {
  color: inherit;
  font-weight: bold;
  text-decoration: none;
}

.breadcrumb {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  font-size: 80%;
  color: #bbbbbb;
  padding-bottom: 2px;
  padding-left: 20px;
  font-family: Tahoma, Verdana, Geneva, Sans-serif;
}

.breadcrumb a {
  color: inherit;
  font-weight: bold;
  text-decoration: none;
}

.table-boutons-60 {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.table-boutons-40 {
  width: 40%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.article {
  width: 66%;
  margin-left: auto;
  margin-right: auto;
  background-color: #F5DEB3;
  padding: 0px;
  text-align: left;
  font-size: 80%;
}

.titre-article {
  width: 99%;
  text-align: center;
  font-size: 120%;
  font-weight: bold;
  margin-top: -10px;
  margin-bottom: 15px;
}

.titre-article a {
  color : black;
  text-decoration: underline;
}

.image-article {
  width: 17%;
  vertical-align: top;
  float: left;
  margin-left: 20px;
}

#screenshot{
    position:absolute;
    border:1px solid #ccc;
    background:#333;
    padding:5px;
    display:none;
    color:#fff;
}

.image-article a {
  color: inherit;
  text-decoration: none;
}

.image-article a:hover {
  color: inherit;
  text-decoration: underline;
}

.fiche {
  width: 100%;
}

.etiquette {
  width: 25%;
}

.valeur {
  font-weight: 600;
}

.legende {
  color: #CDB678;
  font-size: 80%;
}

.article-chaton {
  width: 66%;
  margin-left: auto;
  margin-right: auto;
  color: #f4e5af;
  padding: 0px;
  text-align: left;
  font-size: 90%;
  font-family: Lucida, Geneva, sans-serif;
}

.titre-article-chaton {
  width: 99%;
  color: #f4e5af;
  text-align: center;
  font-size: 140%;
  font-weight: bold;
  margin-top: -10px;
  margin-bottom: 15px;
}

.titre-article-chaton a {
  color : #f4e5af;
  text-decoration: underline;
}

.titre-article-chaton h1 {
  color : #f4e5af;
  font-size: 125%;
  margin-bottom: 5%;
}

.article-chaton h2 {
  color : #f4e5af;
  font-size: 100%;
  text-decoration: underline;
}

.article-chaton p {
  text-align: justify;
}