/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 24 janv. 2016, 10:54:26
    Author     : hp
*/

:root {
  --primary-text-color:#181616d9 !important;
  --secondary-text-color: rgb(85, 83, 83)!important;
 
  --spacing: 12px !important;
  --bg-color:#F6CC12 !important;
  --bg-hover-color:#ffb22b !important;
 
  --btn-blue-hover:#1be2edf1 !important;
  --btn-blue-bg:#1a3ceb !important;
 
}

html, body{
    background-color:6e6f67;
    height: 93%
}

#container {
    position: relative;
    min-height: 100%
}

.right {
    float: right;
   /* //width: 300px;
    //border: 3px solid #73AD21;
    // padding: 10px;*/
}
.left {
    float: left;
   /* //width: 300px;
    //border: 3px solid #73AD21;
    // padding: 10px;*/
}
.center {
    float: right;
    vertical-align: middle
}
.navbar {
    background-color: var(--bg-color);  
    border-color:  var(--bg-color); 
    color:var(--primary-text-color);
    /* color: #ffffff; */
    margin-bottom: 0;
    border-radius: 0;
}z


.navbar .nav > li > a {
    float: none;
   color:var(--primary-text-color);
    /* color: #ffffff; */
    /*background-color: #002E36;*/
}

.navbar .nav > li > a:hover {
    float: none;
   color:var(--bg-hover-color);
    background-color: #ffffff;
}
.dropdown-menu > li > a {

    color:  #ffffff;
}

.navbar-nav > li > .dropdown-menu {
    float: none;
    color:  #ffffff;
    background-color: var(--bg-hover-color); 

}
.btn-danger {
    color: #fff;
    background-color:var(--btn-blue-bg);
    border-color: var(--btn-blue-bg);
}

.btn-danger:hover,.btn-danger:active,.btn-danger:focus,.btn-danger.focus,.btn.btn-danger:active{
    color: #fff;
    background-color: var(--btn-blue-hover);
    border-color: var(--btn-blue-hover);
}
/*.navbar .nav > li > a {
    float: none;
    color: #ffffff;
   /*background-color: #002E36;
}*/

/*.btn-default {
  color: #ffffff;
  background-color: var(--hover-bg-color);
  border-color: #6e6f67;
}
.btn-default:focus,
.btn-default.focus {
 color: #ffffff;
  background-color: var(--hover-bg-color);
  border-color: #6e6f67;
}
.btn-default:hover {
  color: #ffffff;
  background-color: #6e6f67;
  border-color: var(--hover-bg-color);
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}*/
.modal-header{

    color: var(--primary-text-color);
    background-color: var(--bg-color);
    border-color: var(--bg-color);
    text-align: center;

}
.form-control{
    color: #333;
    border-color: var(--bg-color);
}
.control-label{
    text-align: right;
}

footer {
    background-color:  var(--bg-color);
    color: #ffffff;
    padding: 20px;
    bottom: auto;
}

.carousel-inner img {
    width: 100%; /* Set width to 100% */
    margin: auto;
    min-height:200px;
}
modal-header.navbar
{
    background-color: var(--bg-color);
}
/* Hide the carousel text when the screen is less than 600 pixels wide */
@media (max-width: 600px) {
    .carousel-caption {
        display: none; 
    }
}

.auth_field {
    height: 25px
}

/* Ajout ouattsab */
.navbar .nav > li > div {
    float: none;
    color: #ffffff;
    /* color: #ffffff; */
    /* background-color: #002E36; */
}

.navbar-inverse .navbar-nav>li>div {
    color: #9d9d9d;
}

/*@media (min-width: 768px)*/
.navbar-nav>li>div {
    padding-top: 15px;
    padding-bottom: 15px;
}


.navbar-nav>li>div {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
}


.nav>li>div {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.element {
    margin-left: auto;
    margin-right: auto;
}

.img_centrer{
    margin-bottom: auto;
    margin-top: auto;
}