/*
Orange : #F29838
*/

header { background-color: #222; position: fixed;
right: 0;
left: 0;
z-index: 1030; top: 0; }

.navbar-brand { font-size:36px; color:#F29838 !important; }

ul.nav, ul.nav li { list-style:none; }

i.fa.fa-check { color:green; }	/* Visible */
i.fa.fa-times { color:red; }	/* Non visible */

/* Couleur des liens */
a { color:#F29838; }
a:hover, a:focus { color:#333333; }

/* Boutton */
.btn-primary { background-color:#F29838; border-color:rgba(242,152,56,.8); }
.btn-primary:hover { background-color:rgba(242,152,56,.8); border-color:rgba(242,152,56,.8); }

.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary.active[disabled], .btn-primary.focus[disabled], .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background-color: #CCCCCC;
    border-color: #c4c2c2;
}


.checkbox-primary input[type="checkbox"]:checked + label::before { background-color:#F29838; border-color:#F29838; }
.radio-primary input[type="radio"] + label::after { background-color:#F29838; }
.radio-primary input[type="radio"]:checked + label::before { border-color:#F29838 }
.radio-primary input[type="radio"]:checked + label::after { background-color:#F29838; }
.label-primary { background-color:rgba(242,152,56,.3); }
.label-primary[href]:hover, .label-primary[href]:focus { background-color:rgba(242,152,56,.1); }

/* bs-callout */
.bs-callout-primary { border-color:rgba(242,152,56,.3); }
.bs-callout.text-right { border-width: 1px 5px 1px 1px; }
.bs-callout.bs-callout-xs { padding:3px 10px; }

/* ValidationEngine */
label.required:after { content:" *"; color:red; font-size:18px; }

/* Popover */
div.popover ul { margin:0px; padding:0px; list-style:none; }
div.popover ul li { margin:0px; padding:3px 0px; list-style:none; }

.text-primary { color:#F29838; }
.bg-primary { background-color: #ffb656; }
.alert-primary { color:#F29838; background-color:rgba(242,152,56,.9); border-color:rgba(242,152,56,.3); }

.panel-primary { border-color: #F29838; }
.panel-primary > .panel-heading { color: #FFF; background-color:#F29838; border-color:#F29838; }

body { padding-top: 50px; }









/* Formulaire */
.formulaire fieldset { display: block; margin:0px; padding:5px 0px;/* min-height:30px; */ }

.formulaire fieldset label { margin-bottom: 0px; font-weight: 400; cursor: pointer; box-sizing: border-box; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; line-height: 1.42857; color: #333; }


.formulaire fieldset>label:first-child { padding-top: 7px; margin-bottom: 0px; text-align: right; width:250px; padding-right: 15px; padding-left: 15px; display: inline-block; box-sizing: border-box; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; color:#333; font-weight:700; vertical-align:top; }

.formulaire input.xs, .formulaire input.normal, .formulaire input.xl { font-family:inherit; display: inline-block; height: 28px; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: #555; background-color: #FFF; }

.formulaire input:not(.select2-search__field), .formulaire textarea, .formulaire select { font-family:inherit; display: inline-block; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: #555; background-color: #FFF; background-image: none; border: 1px solid #CCC; border-radius: 4px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }

.formulaire textarea { height:150px; }

.formulaire input:not(.select2-search__field):focus, .formulaire textarea:focus, .formulaire select:focus { border-color: rgba(242,152,56,.9); outline: 0px none; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(<?=$couleur_rgb_30px["r"] ?>, <?=$couleur_rgb_30px["g"] ?>, <?=$couleur_rgb_30px["b"] ?>, 0.6); }

.formulaire .xs { width:100px; }
.formulaire select.xs { width:110px; }
.formulaire .normal { width:450px; }
.formulaire select.normal { width:450px; }
.formulaire .xl { width:400px; }
.formulaire select.xl { width:410px; }

form.formulaire.en_ligne .checkbox { display:inline-block; }

/* Select2 (Multiple) */
/*.select2 li.select2-selection__choice { background-color:rgba(242,152,56,.3) !important; border-color: rgba(242,152,56,.2) !important; color:#FFFFFF; }
.select2 li.select2-selection__choice .select2-selection__choice__remove { color:inherit; }
.select2 .select2-selection.select2-selection--single { height:34px !important; }
.select2 .select2-selection__arrow { height:32px !important; }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color:rgba(242,152,56,.3) !important; color: white; }
*/
/* plugin/jquery.tablesorter */
.tablesorter .tablesorter-header { cursor:pointer; }
.tablesorter i.tablesorter-icon.fa.fa-chevron-circle-up { color:rgba(242,152,56,.3); }
.tablesorter i.tablesorter-icon.fa.fa-chevron-circle-down { color:rgba(242,152,56,.3); }

.sidebar { display: none; }
@media (min-width: 768px) {
	.sidebar {
		position: fixed;
		top: 51px;
		bottom: 0;
		left: 0;
		z-index: 1000;
		display: block;
		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 ul { list-style:none; padding:0px; margin:0px -20px; }
.sidebar ul li { list-style:none; }
.sidebar ul li a { display:block; padding:10px 20px; }
.sidebar ul li a i.fa { font-size:20px; }
.sidebar ul li a:hover { text-decoration: none; background-color: #eee; }

.navbar ul { list-style:none; padding:0px; margin:0px -15px; }
.navbar h4 { font-size:14px; color:#F29838; }
.navbar ul li { list-style:none; }
.navbar ul li a { display:block; padding:5px 20px; font-size:12px; color:#9d9d9d; }
.navbar ul li a i.fa { font-size:14px; }
.navbar ul li a:hover { text-decoration: none; color: #fff; }

.navbar ul li a .badge { font-size: 12px; font-weight: 300; padding:0px 5px; line-height:20px; background-color: #F29838; border-radius:10px; }

@media (min-width: 768px) {
	.navbar .navbar-collapse > ul:first-child { float:right; }
	.navbar .navbar-collapse > ul:first-child li a { line-height:50px; padding:0px 15px; font-size:16px; }
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height:none !important; }

@media print {
	.sidebar   { display: none !important; }
	.main.container.col-sm-offset-3.col-sm-9  { margin-left: 0% !important; width: 100% !important; }
	a[href]:after { content: "" !important; }
}






/********************** Nouveau style à garder **********************************/
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { color:#F29838; font-size:100%; font-weight:700 }
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { color:#F29838; }