/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
body {
  font-family: Verdana;
  padding-top: 50px;
  background: radial-gradient(#f0dfc3, #f0ddbf,#f0ddbf, #d2b796);
  width: 100%;
  height: 100%;
  margin:0;
}

#arrierefond-jeu{
  background:url('../images/NAWimagesImportante/artwork_with logo_11revised-sanstitle.jpg') no-repeat center bottom;
    height:100%;
    position:fixed;
    width:100%;
    z-index:-1;
    top:0;
    -o-background-size: cover !important;
  -moz-background-size: cover !important;
  -webkit-background-size: cover !important;
  background-size: cover !important;
  min-height:120vh;
}

.colorMenu{
  background-color: rgba(39, 30, 24, 0);
}

.colorLinkMenu{
  color: rgb(130, 197, 87);
}

.fonctionnalite{
  color: rgb(34,139,34);
  font-size: 15px;
  padding:0px;
  background-color: rgba(224, 170, 99, .8);
  height:500%;
  border-color: rgba(244,164,96, .3);
  border-style: solid;
  border-width: 18px;
  text-align:justify;
}
.connexion{
  color: rgb(20, 52, 74);
}

.colorBrown{
  background:radial-gradient(#f0dfc3, #f0ddbf,#f0ddbf, #d2b796);
}

.carousel-page
{
width:100%;
height:290px;
background-color:#5f666d;
color:white;
}

.attention{
  color : red;
}

.carousel-control{
    color: gray;
}

.glyphicon-chevron-right:before {
    opacity:0;
}

.glyphicon-chevron-left:before {
    opacity:0;
}

.page-header{

}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
  padding: 0px;
}

.carousel-page{
    width:100%;
    height: 290px;
    background-color: rgba(255, 255, 255, .4);
    opacity: 0.9;

}



.resumeJeu{
  margin-top:40px;
  font-size: 15px;
  padding:0px;
  background-color: rgba(224, 170, 99, .9);
  height:auto;
  /*border-color: rgba(244,164,96, .3);
  border-style: solid;*/
  border-color:rgba(61, 38, 7, .8);
  border-style: inset;
  border-width: 4px;
  text-align:justify;
  padding:15px;
}

.yoloaenleve{
 color:red;
 border-color:green;
 border-style:solid;
}

.navbar-inverse .navbar-nav>li>a {
    color: rgb(130, 197, 87);
    background-color:rgba(39, 30, 24, 0);
}

.navbar-inverse .navbar-brand{
  background-color:rgba(39, 30, 24, 0);
  color: rgb(255, 205, 140);
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
  background-color:rgba(39, 30, 24, 0);
}

/*.navbar-collapse {
    padding-right: 150px;
    margin-right: 100px;
}*/
/*
 * Global add-ons
 */

.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top {
  border: 0;
}

/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
  display: none;
}
@media (min-width: 768px) {
  .sidebar {
    position: fixed;
    top: 51px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #f5f5f5;
    border-right: 1px solid #eee;
  }
}

/* Sidebar navigation */
.nav-sidebar {
  margin-right: -21px; /* 20px padding + 1px border */
  margin-bottom: 20px;
  margin-left: -20px;
}
.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
  color : black;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
  color: #fff;
  background-color: #428bca;
}



/*
 * Main content
 */

.main {
  padding: 20px;
}
@media (min-width: 768px) {
  .main {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.main .page-header {
  margin-top: 0;
}


/*
 * Placeholder dashboard ideas
 */

.placeholders {
  margin-bottom: 30px;
  text-align: center;
}
.placeholders h4 {
  margin-bottom: 0;
}
.placeholder {
  margin-bottom: 20px;
}
.placeholder img {
  display: inline-block;
  border-radius: 50%;
}

@media (max-width: 500px) {
  body{
    background:url('../images/NAWimagesImportante/artwork_with logo_11revised-sanstitle.jpg') no-repeat center bottom;
    width: 100%;
    height: 100%;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
}