hr {
	margin-top: 10px;
	margin-bottom: 10px;
	border: 0;
	border-top: 1px solid #bbb;
}

.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td
{
	border: 1px solid #bbb;
	padding-left: 3px;
  	padding-right: 3px;
}

.selected { color: #fff !important; background-color:#7794CA !important; }

div.modal-header {
	background-color: #d6dae6 !important;
}

div.modal-body {
	background-color: #ffffff !important;
}

div.modal-footer {
	background-color: #d6dae6 !important;
}

.modal-header h4 {
	color: #428bca;
}

.modal-header h5 {
	color: #428bca;
}

ul>li>button.active { color: #fff !important; background-color:#337ab7 !important; }
ul>li.active { color: #fff !important; background-color:#337ab7 !important; }
a.active { color: #fff !important; background-color:#337ab7 !important; }
a.active>i { color: #fff !important; }


.dropdown-menu>li{ 
	padding-left: 15px;
	padding-bottom: 5px;
} 

.dropdown-menu>li.boutons { 
	padding-left: 15px;
} 

.dropdown-menu>li>a { 
	cursor: pointer;
} 

.photo-accueil {
	width: 100%;
	max-height: 80vh;
	object-fit: cover; 
}

.photo-rubrique {
	height: 100%;
	object-fit: cover; 
}

.photo-reduite {
	width: 80%;
}

.btn-select {
	text-align: right;
	color: #555;
	border-color: #ccc;
	background-color: #fff;
}


.btn-select-md {
	width: 60px;
}

.btn-select-md-3 {
	width: 215px /*calc((60px + 5px)*3 + 20px);*/
}

.btn-select-md-4 {
	width: 280px /*calc((60px + 5px)*4 + 20px);*/
}

.btn-select-lg {
	width: 280px;
}

.btn-liste-md { 
	width: 60px;
	margin-bottom: 4px;
	margin-right: 5px;
} 

.btn-liste-md-2 { 
	width: 125px;
	margin-bottom: 4px;
	margin-right: 5px;
} 

.btn-liste-bloc { 
	width: 115px;
	margin-bottom: 4px;
	margin-right: 4px;
	height: 70px;
} 

.table-inventaire-titre { 
	font-size: 20px !important;
	font-weight: bold; 
}

.table-inventaire>thead>tr>th, .table-inventaire>tbody>tr>th
{
	color: #fff; 
	background-color:#7794CA;
	font-weight: bold; 
}

.texte-environ {
   	background: rgba(0, 0, 0, 0.5);
  	color: #fff;
  	text-align: center;
  	padding: 0px 2px 2px 0px;
  	font-weight: bold;
  	font-size: 14px;
  	line-height: 1.3em;
}

.texte-accueil {
   	background-color: #eee;
  	border-color: #ccc;
  	text-align: center;
  	padding: 5px 10px 5px 10px;
  	font-weight: bold;
  	font-size: 14px;
}

.texte-menu {
	color: #6B8CA6;
	text-align: center;
	font-weight: bold;
	/* font-style: italic; */
	font-size: 14px;
}

.sous-titre {
	font-size: 24px;
	font-weight: bold;
	font-style: italic;
	color: #6B8CA6;
}

.largeur-max {
	max-width: 1500px;
}

.texte-numero-photo {
	position: absolute;
  	top :5px;
  	right :5px;
   	background-color: #eee;
  	border-color: #ccc;
  	text-align: center;
  	padding: 0px 2px 0px 2px;
  	font-weight: bold;
  	font-size: 14px;
  	background: rgba(0, 0, 0, 0.5);
  	color: #fff;
}

.texte-fichier-cache {
	position: absolute;
  	bottom: calc(50% - 33px);
  	left :10px;
  	border-color: #ccc;
  	text-align: center;
  	padding: 4px 12px 0px 12px;
  	font-weight: bold;
  	font-size: 18px;
  	background: #d9534f;
  	color: #fff;
}

.texte-etiquette-photo {
	position: absolute;
  	top :5px;
  	left :5px;
   	background-color: #eee;
  	border-color: #ccc;
  	text-align: center;
  	padding: 0px 2px 0px 2px;
  	font-weight: bold;
  	font-size: 14px;
  	background: rgba(0, 0, 0, 0.5);
  	color: #0ff;
}

.bouton-texte {
	height: 35px;
	margin-bottom: 20px;
	width: 90px !important;
	inline-size: 90px !important;
	text-align: left;
	overflow: hidden;
	font-size: 9px;
	font-weight: bold;
	color: #333;
	background-color: #eee;
}

.bouton-etiquette-photo {
	position: relative;
  	top :-95px;
   	background-color: #eee;
  	border-color: #ccc;
  	text-align: center;
  	width: 30px;
  	padding: 0px 2px 0px 2px;
  	font-weight: bold;
  	font-size: 9px;
  	background: rgba(0, 0, 0, 0.5);
  	color: #0ff;
}

.bouton-numero-photo {
	position: relative;
  	top :-16px;
  	text-align: right;
  	width: 95px;
}

.texte-photo {
	position: absolute;
  	bottom :5px;
  	right :10px;
   	background-color: #eee;
  	border-color: #ccc;
  	text-align: center;
  	padding: 2px 2px 2px 2px;
  	font-weight: bold;
  	font-size: 16px;
}

.texte-info {
	width: 300px;
}

.bouton-accueil {
	font-size: 16px;
	width: 100%;
	max-width:240px;
	padding-top : 5px;
	padding-bottom: 5px;
	border-color: #ccc;
	margin-top: 3px;
	margin-bottom: 3px;
}

.bouton-acces-visiteur {
	min-height:45px !important;
}

.bouton-couleur-jaune {
	color: #333;
	background-color: #FED099 !important;
	border-color: #FAB161;
}

.bouton-couleur-jaune:hover {
	color: #333;
	background-color: #FED099 !important;
	border-color: #FAB161;
	filter: brightness(92%);
}

.bouton-couleur-vert {
	color: #fff;
	background-color: #65B8A0; 
	border-color: #52A890;
}

.bouton-couleur-vert:hover {
	color: #fff;
	background-color: #65B8A0; 
	border-color: #52A890;
	filter: brightness(92%);
}

.bouton-couleur-rouge {
	color: #fff;
	background-color: #FA7080;
	border-color: #F85669;
}

.bouton-couleur-rouge:hover {
	color: #fff;
	background-color: #FA7080;
	border-color: #F85669;
	filter: brightness(92%);
}

.bouton-couleur-bleu {
	color: #fff;
	background-color: #7794CA;
	border-color: #648BD3;
}

.bouton-couleur-bleu:hover {
	color: #fff;
	background-color: #7794CA;
	border-color: #648BD3;
	filter: brightness(92%);
}

.bouton-couleur-defaut {
	color: #000;
	background-color: #e4e4e4;
	border-color: #ccc;
}

.bouton-couleur-defaut:hover {
	color: #000;
	background-color: #e4e4e4;
	border-color: #ccc;
	filter: brightness(92%);
}

.bouton-actif {
	border-color: #F85669 !important;
}

.hover {
	background-color: #7794CA;
	filter: brightness(92%);
}

.row > .col-xs-3 {
    display:flex;
    flex: 0 0 25%;
    max-width: 25%
}

.logo {
	height: 44px;
}

.icon-small {
	font-size: 14px;
}

.icon-medium {
	font-size: 18px;
}

.icon-large {
	font-size: 22px;
}

.icon-xlarge {
	font-size: 28px;
}

.sizeAuto {
	width:100%;
  	height:100%;
	display:block;
}

.content {
	background-color: #efeeec !important;
}

.quantite-objet {
	padding-right: 20px;
	padding-left: 5px;
	padding-top: 6px;
	padding-bottom: 6px;
}

.col-photo {
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.border-fichier {
	border: 2px dotted #888;
	padding: 2px;
}

.border-fichier-cache {
	border: 2px dashed #d9534f!important;
	padding: 2px;
}

.color-black {
    color: #333333;
}

.color-grey {
	color: #6B8CA6;
}

.color-white {
    color: #eeeeee;
}

.color-success {
    color: #5cb85c;
}

.color-warning {
	color: #f0ad4e;
}

.color-danger {
    color: #d9534f;
}

.color-info {
	color: #428bca;
}

.color-primary {
	color: #337ab7;
}

.bgcolor-navbar {
	background-color: #d6dae6 !important;
}

.bgcolor-white {
	background-color: #ffffff !important;
}

.bgcolor-grey {
	background-color: #dddddd !important;
}

.bgcolor-light-grey {
	background-color: #f8f8f8 !important;
}

.bgcolor-success {
	background-color: #c1e2b3;
}

.bgcolor-warning {
	background-color: #f7ecb5 !important;
}

.bgcolor-info {
	background-color: #afd9ee;
}

.bgcolor-primary {
	background-color: #337ab7;
}

.bgcolor-danger {
	background-color: #e4b9b9;
}

h1,.h1,h2,.h2,h3,.h3 {
	margin-top: 5px;
}

h1,.h1 {
	font-size: 36px;
	font-weight: bold;
	color: #428bca;
	line-height: 0.7;
}

h2,.h2 {
	font-size: 28px;
	font-weight: bold;
	color: #f0ad4e;
}

h3,.h3 {
	font-size: 24px;
	font-weight: bold;
	color: #428bca;
}

h4,.h4 {
	font-size: 20px;
	font-weight: bold;
	color: #5cb85c;
}

h5,.h5 {
	font-size: 18px;
	font-weight: bold;
}

@media screen and (max-width: 767px){
	h1,.h1 {
		font-size: 24px;
	}
	
	h2,.h2 {
		font-size: 22px;
	}
	
	h3,.h3 {
		font-size: 20px;
	}
	
	h4,.h4 {
		font-size: 18px;
	}
	
	h5,.h5 {
		font-size: 16px;
	}
	
	p, ul, li, td, th, label {
		font-size: 14px;
	}
	
	small {
		font-size: 12px;
	}
	
	.btn {
		font-size: 14px;
	}
	
	.col-form-label {
		font-size: 14px;
	}
	
	.form-control {
		font-size: 14px;
	}
	
	.table-inventaire-titre {
		font-size: 16px;
	}
	
	.texte-environ {
		font-size: 11px;
	}
	
	.texte-accueil {
		font-size: 11px;
	}	
	
	.texte-menu {
		font-size: 12px;
	}	

	.sous-titre {
		font-size: 16px;
	}
	
	.texte-basdepage {
		font-size: 14px;
	}
	
	.bouton-accueil {
		font-size: 14px;
		width: 170px;
	}
	
	.dropdown-item {
		font-size: 14px;
	}
	
	.logo {
		height: 36px;
	}
	
	.icon-xlarge {
		font-size: 22px;
	}
}