/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */
a {
    color: #333333;
}

#cap {
    height: 5px;
    background: #B6302F;
    width: 100%;
    overflow: visible;
}

section#header {
    margin: 0 auto;
	border-radius: 0 0 0 0;
    background-color: #fff;
    border-bottom: 1px solid #ececec;
	padding: 18px 20px 18px 20px;
}


#top-nav a.quick-nav {
	color: #666666;
	font-size:14px;
}

.navbar-main {
    background-color: #FFFFFF;
    overflow: visible;
    /* height: 38px; */
    border-bottom: 1px solid #ececec;
}

.navbar-main .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #666666;
}

.navbar-main .navbar-nav > li > a {
    color: #999999;
    /* border-bottom: 1px solid #ececec;
    background: #ffffff; */
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    border-color: #333333;
}

.navbar {
    border-radius: 0px;
}


@media (max-width: 600px) {
	section#header {height:110px;}
}
@media (max-width: 380px) {
	section#header {height:130px;}
}


div.header-lined h1 {
    color: #666666;
}

.btn-primary {
    color: #fff;
    background-color: #666666;
    border-color: #3c3c3c;
}

.btn-primary:hover, .open>.dropdown-toggle.btn-primary, .btn-primary.active.focus, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:hover, .btn-primary.focus, .btn-primary:focus {
    background-color: #666666;
    border-color: #333333;
}
.btn-primary.active, .btn-primary:active {
    color: #fff;
    background-color: #666666;
    border-color: #3c3c3c;
}


.form-control:focus {
    border-color: #3c3c3c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,102,102,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,102,102,.6);
}

.alert-info {
    color: #333333;
    background-color: #fff3de;
    border-color: #ffcf6b;
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    background-color: #666666;
    border-color: #333333;
}
a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
    background-color: #666666;
}

section#home-banner {
    background-color: #666666;
}
.btn-info {
    background-color: #333333;
    border-color: #000000;
}

.home-shortcuts {
    background: #333333;
}

.home-shortcuts li:first-child {
    border-left: 1px solid #666666;
}
.home-shortcuts li {
    border-right: 1px solid #666666;
}

@media (max-width: 767px) {
  .home-shortcuts li {
	  border-bottom: 1px solid #666666;
  }
  .navbar-main .navbar-nav .open .dropdown-menu > li > a {
	  color: #777777;
  }
  .navbar-main .navbar-nav .open .dropdown-menu > li > a:hover {
	  color: #222222;
	  background-color: #eee;
  }
}



.dataTables_wrapper .dataTables_info {
    background-color: #666666;
}
table.table-list thead th {
    background-color: #ececec;
}
.dataTables_wrapper {
    background-color: #ededed;
}
table.table-list thead th {
    background-color: #ededed;
}
.table-list > tbody > tr:hover > td {
    background-color: #ededed;
}

section#footer p {
    margin: 0 0 0 0;
    border-top: 0px;
    line-height: 40px;
    color: #eeeeee;
    font-size: 12px;
	background-color:#666666;
    background-image: url("/facturation/templates/simplecreation/img/footer_back.jpg");
    background-repeat: repeat-x;	
}