/*Thème par défaut*/
body{
	background-color:#272b30 !important;
	max-width: 350px;
	width: 100%;
}

/***********************
	 Onglets
***********************/
ul.onglets li{
	background-color: #32383e;
	border: 1px solid rgba(0, 0, 0, 0.6);
	color: #c8c8c8;
}

#ongletNotes{/*Post-it*/
	background-color: #fefe97;
}

#ongletTheme{
	color : #c8c8c8;
}

/******************
	Catégories
*****************/

.Categorie{
	color: #c8c8c8;
}

.Categorie > h3:hover, .Categorie.open > h3{
	background-color: #3e444c;
}

.Categorie > div, .Categorie > h3 {
	background: #32383e;
	border :1px solid rgba(0, 0, 0, 0.6);
	border-top:none;
}

/***************************
	Sous-menu déroulables
****************************/

h5.deroulable {
    background-color: #EFEFEF;
    color: #32383e;
    font-size: 12px;
    border: 1px solid #c8c8c8;
    font-weight: bold;
}

h5.deroulable:hover {
	color: #ffffff;
    background-color: #272b30;
}

/****************************
		Générales
****************************/
.important{
	color: red;
}

.info{
	color:#06DCFF;/*rgb(255,255,255);*/
}

a.gros{
	font-size:16px;
}

.conseil{
	background: url('Plus.png') #3e444c no-repeat left top;
	background-size: 14px;
	border: rgba(0, 0, 0, 0.4) 2px outset;
}

/***************
	Astuces
***************/
span.none > ul li ul, #vastuce #texteAstuce > ul li ul{
	list-style-type: circle;
}

.astuceActive{
	color:#06DCFF;
}

.astuce.info.center{
	color:#06DCFF;
}

/*************
	Veille
************/
#veille{
	background-color:rgba(0,0,0,0.9);
}

#vastuce{
	color: crimson;
}

#titreAstuce{
	font-weight:bold;
}

#texteAstuce h5{
	margin-bottom: 5px;
}

#texteAstuce h5:not(:first-child){
	margin-top: 10px;
}

.changeVeille{
	color: blanchedalmond;
}

/* Input switch checkbox */

.switch {
	color: #C8C8C8;
}

.slider {
	background-color: #EFEFEF;
	border: 1px solid rgba(0, 0, 0, 0.6);
}

.slider:before {
	background-color: white;
	border: 1px solid rgba(0, 0, 0, 0.6);
}

input:checked + .slider {
  background-color: #545C63;
}

input:focus + .slider {
  box-shadow: 0 0 1px #4c301a;
}

div.parametres{
  color : #C8C8C8;
}

/******************************************************
	PFA rappel (facultatif pour la personnalisation)
******************************************************/
#formInserePFA label{
	color: teal;
}

.form-control{
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

.btn {
	border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
}

.badge {
	color: #111;
    background-color: #f89406;
}

table{
    background-color: transparent;
}

.table td{
	border-top: 1px solid #e9ecef;
}

table tr.danger{
	background: linear-gradient(45deg, #9a0017 0%,#c61000 25%,#b5011c 49%,#e51134 50%,#ef5d75 100%);
	color: white;
}

table tr.warning{
	background: linear-gradient(45deg, #b82c10 0%,#eb6b15 25%,#d73615 49%,#dd7563 50%,#efc8c1 100%); 
	color: white;
}

table tr.trNormale{
	background: linear-gradient(45deg, #00799a 0%,#006dc6 25%,#018eb5 49%,#11bbe5 50%,#5dd2ef 100%);
	color: white;
}

.tabPFAID, .tabPFAID:hover {
	color:white !important;
	background-color: transparent !important;
}