/* Basic */

body {
  margin: 0;
  overflow-x: hidden;
  color:white;background-color:#0F1111;
}
a:link {color: gold;}
a:visited {color: white;}
.browserupgrade {
  margin: 0;
  padding: 5px 15px;
  background-color: #ff851b;
  color: #fff;
  text-align: center;
}


/* Header */

.docs-header {
  margin-bottom: 0;
}

.navbar-toggle:hover,
.navbar-toggle:focus {
  border-color: #0074d9;
}

.navbar-toggle .icon-bar {
  background-color: #0074d9;
}


/* Jumbotron */

.docs-jumbotron {
  background-color: #0074d9;
  color: #fff;
}

.docs-jumbotron .version {
  font-size: 14px;
  color: #fff;
  filter: alpha(opacity=50);
  opacity: 0.5;
}


/* Content */

.docs-pictures {
  margin: 0;
  padding: 0;
  list-style: none;
}

.docs-pictures > li {
  float: left;
  width: 20%;
  height: 20%;
  margin: 0 -1px -1px 0;
  border: 1px solid transparent;
  overflow: hidden;
}

.docs-pictures > li > img {
  width: 100%;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.docs-toggles > .btn,
.docs-toggles > .btn-group {
  margin-bottom: 10px;
}

@media (min-width: 992px) {
  .docs-collapse {
    display: block;
  }
}

.docs-buttons > .btn-group,
.docs-buttons > .input-group {
  width: 100%;
  margin-bottom: 5px;
}

.docs-buttons .input-group-btn {
  width: 50%;
}

.docs-buttons .input-group-btn .btn {
  width: 100%;
}


/* Footer */

.docs-footer {
  overflow: hidden;
}


li {
 font-size: 14px;
 text-align: center;
}


.viewer-title {
  font-size: 14px;
  line-height: 1.2;

  display: inline-block;
  overflow: hidden;

  max-width: 90%;
  margin: 0;

  white-space: nowrap;
 /* text-overflow: ellipsis;*/
  color: black;
  opacity: .6;
  filter: alpha(opacity=60);
}

.viewer-title:hover {
  opacity: 1;

}
.pict-comment{
	display: inline-block;
	height: 1.2em;
	width: 99%;
  overflow:auto;
}
@media (max-width:760px) {
  .pict-comment{
    display: none;
  }
}

.navbar-brand {
font-family: 'Chewy', cursive;
font-size: 36px;
color: #333;
}
/* index*/
h1, h2 {display: block; margin-left: auto; margin-right: auto; width: 60%;text-align: center;}
h1 {font-family: 'Chewy', cursive;font-size: 36px;color: #666}
img {display: block; margin-left: auto; margin-right: auto; width: 100%;}
.indice {width: 10%;display:inline-block;text-align:right;}
.objet  {width: 89%;display:inline-block;text-align:center;}
.prix {text-align:right;display:inline-block;width: 80%;}