/*
    Document   : style
    Created on : 8 nov. 2010, 18:58:26
    Author     : jducro
    Description:
    Purpose of the stylesheet follows.
*/

/* Ajout Police Proletarsk */
@font-face {
	font-family : Proletarsk;
	src: url('../font/proletarsk-webfont.eot');
	src: local('☺'), url('../font/proletarsk-webfont.woff') format('woff'), url('../font/proletarsk-webfont.ttf') format('truetype'), url('../font/proletarsk-webfont.svg#webfontMxx3C2Ts') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Ajout Police Klill-Light */
@font-face {
	font-family: 'Klill-Light';
	src: url('../font/klill-light-webfont.eot');
	src: local('☺'), url('../font/klill-light-webfont.woff') format('woff'), url('../font/klill-light-webfont.ttf') format('truetype'), url('../font/klill-light-webfont.svg#webfontMxx3C2Ts') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Fond d'attente */
.spinner {
	position: absolute;
	opacity: 0.6;
	/*filter: alpha(opacity=60);/*voir style.lte-ie8.css*/
	z-index: 999;
	background: #444;
}
.spinner-msg {
	text-align: center;
	font-weight: bold;
	color: #FFF;
}
.spinner-img {
	background: url(/images/lib/mootools/spinner.gif) no-repeat;
	width: 55px;
	height: 55px;
	margin: 0 auto;
}

/* Encart d'aide */
.tip-wrap {
	color: #fff;
	width: 200px;
	z-index: 13000;
}
.tip-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(/images/lib/tooltips/bubble.png) top left;
}
.tip-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(/images/lib/tooltips/bubble.png) bottom right;
}

/* Général */
html {
	min-width: 980px; /* modifier aussi les autres tailles si celle-ci est modifiée */
}

body {
	margin: 0;
	padding: 0;
	font-family:verdana;
	height: 100%;
	font-size: 12px;
}

fieldset {
	border-style: solid;
	border-width: 1px;
	border-color: #EC7F00;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding-bottom: 8px;
}
fieldset legend {
    color: #EC7F00;
    font-size: 16px;
}

input[disabled=disabled]{
	background-color: #DDD;
	border: inset 1px #BBB;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

a, a:visited {
	cursor: pointer;
	color: #0A802D;
}

h2 {
	color: #0A802D;
    font-family: Proletarsk;
	text-shadow: 1px 1px 3px grey;
}

img {
	border: none;
}

/* Indication étoile obligatoire */
.obligatoire {
	font-size	: 9px;
	color		: #0A802D;
}
.nombre{
	text-align: right;
	white-space: nowrap;
}
.img_action {
	cursor: pointer;
}

/* Bulle d'aide */
.tooltip {
	cursor: help;
	vertical-align: sub;
	width: 16px;
	height: 16px;
}

/* Fil d'ariane */
#fil_ariane {
	padding-bottom: 10px;
	color: #0A802D;
}
#fil_ariane a {
	color: #0A802D;
}
#fil_ariane span {
	color: #0A802D;
	font-size: 15px;
	font-weight: bold;
}

/* Fil d'étapes */
#fil_etapes {
	width:100%;
	padding: 10px 0 30px 0;
	color: #0A802D;
	text-align:center;
}

#fil_etapes > span {
	display:inline-block;
	vertical-align:top;
	width:120px;
	text-align:center;
}

#fil_etapes > span > span {
	display:block;
	margin-top:5px;
	font-size:15px;
}

#fil_etapes .etape_separateur {
    font-family: Proletarsk;
    font-size: 16px;
	height: 40px;
	width:40px;
	text-align:center;
}

#fil_etapes .alignement_separateur {
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}

#fil_etapes div.etapes {
	height:36px !important;
	width:25px !important;
	display: inline-block;
	font-size: 33px !important;
	color: white;
	text-align: center;
	line-height: 30px;
	cursor: default !important;
}

.msgBox .form_errors ul {
	padding: 0;
}

hr {
	border-color: #EEE;
}

/* Bloc de couleur de statut */
.bloc_couleur {
	display: block;
	width: 16px;
	height: 16px;
	margin: auto;
	border: 1px solid black;
	border-radius: 2px;
}
/* Message d'info d'annulation/blocage sur les éditions */
p.message_alerte {
	color: red;
}
/* Lignes incidentés */
tr.incident {
	color: red;
}
tr.regularisation,
p.message_regularisation {
	color: sienna;
}
div#go_to_top {
	position: fixed;
	right: 10px;
	bottom: 0;
	background-color: #97C00E;
	border-radius: 5px 5px 0 0;
	border: 1px solid green;
	z-index: 100;
}
div#go_to_top a {
	font-weight: bold;
    font-size: 21px;
    padding: 5px 10px;
}

div#go_to_top:hover {
    background-color: #dee796;
}

div.topSpace {
	margin-top: 10px;
}

/***************** Bootstrap Elements ***************/
/*----- Alert -----*/
.alert {
	padding: .75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: .25rem;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.alert-warning {
	color: #856404;
	background-color: #fff3cd;
	border-color: #ffeeba;
}

.alert-danger {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
}

.alert-info {
	color: #0c5460;
	background-color: #d1ecf1;
	border-color: #bee5eb;
}

.alert-primary {
	color: #004085;
	background-color: #cce5ff;
	border-color: #b8daff;
}

.alert-secondary {
	color: #464a4e;
	background-color: #e7e8ea;
	border-color: #dddfe2;
}

/*----- Text -----*/
.text-primary {
	color: #007bff;
}
.text-secondary {
	color: #868e96;
}
.text-success {
	color: #28a745;
}
.text-danger {
	color: #dc3545;
}
.text-warning {
	color: #ffc107;
}
.text-info {
	color: #17a2b8;
}
.pull-right {
	float: right;
}

/*----- Button -----*/
.btn {
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: .5rem .75rem;
	font-size: 1rem;
	line-height: 1.25;
	border-radius: .25rem;
	transition: all .15s ease-in-out
}
.btn:focus,
.btn:hover {
	text-decoration: none
}
.btn.focus,
.btn:focus {
	outline: 0;
	box-shadow: 0 0 0 3px rgba(0, 123, 255, .25)
}
.btn.disabled,
.btn:disabled {
	opacity: .65
}
.btn.active,
.btn:active {
	background-image: none
}
a.btn.disabled,
fieldset[disabled] a.btn {
	pointer-events: none
}
.btn-primary {
	color: #fff;
	background-color: #007bff;
	border-color: #007bff
}
.btn-primary:hover {
	color: #fff;
	background-color: #0069d9;
	border-color: #0062cc
}
.btn-primary.focus,
.btn-primary:focus {
	box-shadow: 0 0 0 3px rgba(0, 123, 255, .5)
}
.btn-primary.disabled,
.btn-primary:disabled {
	background-color: #007bff;
	border-color: #007bff
}
.btn-primary.active,
.btn-primary:active,
.show>.btn-primary.dropdown-toggle {
	background-color: #0069d9;
	background-image: none;
	border-color: #0062cc
}
.btn-secondary {
	color: #fff;
	background-color: #868e96;
	border-color: #868e96
}
.btn-secondary:hover {
	color: #fff;
	background-color: #727b84;
	border-color: #6c757d
}
.btn-secondary.focus,
.btn-secondary:focus {
	box-shadow: 0 0 0 3px rgba(134, 142, 150, .5)
}
.btn-secondary.disabled,
.btn-secondary:disabled {
	background-color: #868e96;
	border-color: #868e96
}
.btn-secondary.active,
.btn-secondary:active,
.show>.btn-secondary.dropdown-toggle {
	background-color: #727b84;
	background-image: none;
	border-color: #6c757d
}
.btn-success {
	color: #fff;
	background-color: #28a745;
	border-color: #28a745
}
.btn-success:hover {
	color: #fff;
	background-color: #218838;
	border-color: #1e7e34
}
.btn-success.focus,
.btn-success:focus {
	box-shadow: 0 0 0 3px rgba(40, 167, 69, .5)
}
.btn-success.disabled,
.btn-success:disabled {
	background-color: #28a745;
	border-color: #28a745
}
.btn-success.active,
.btn-success:active,
.show>.btn-success.dropdown-toggle {
	background-color: #218838;
	background-image: none;
	border-color: #1e7e34
}
.btn-info {
	color: #fff;
	background-color: #17a2b8;
	border-color: #17a2b8
}
.btn-info:hover {
	color: #fff;
	background-color: #138496;
	border-color: #117a8b
}
.btn-info.focus,
.btn-info:focus {
	box-shadow: 0 0 0 3px rgba(23, 162, 184, .5)
}
.btn-info.disabled,
.btn-info:disabled {
	background-color: #17a2b8;
	border-color: #17a2b8
}
.btn-info.active,
.btn-info:active,
.show>.btn-info.dropdown-toggle {
	background-color: #138496;
	background-image: none;
	border-color: #117a8b
}
.btn-warning {
	color: #111;
	background-color: #ffc107;
	border-color: #ffc107
}
.btn-warning:hover {
	color: #111;
	background-color: #e0a800;
	border-color: #d39e00
}
.btn-warning.focus,
.btn-warning:focus {
	box-shadow: 0 0 0 3px rgba(255, 193, 7, .5)
}
.btn-warning.disabled,
.btn-warning:disabled {
	background-color: #ffc107;
	border-color: #ffc107
}
.btn-warning.active,
.btn-warning:active,
.show>.btn-warning.dropdown-toggle {
	background-color: #e0a800;
	background-image: none;
	border-color: #d39e00
}
.btn-danger {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545
}
.btn-danger:hover {
	color: #fff;
	background-color: #c82333;
	border-color: #bd2130
}
.btn-danger.focus,
.btn-danger:focus {
	box-shadow: 0 0 0 3px rgba(220, 53, 69, .5)
}
.btn-danger.disabled,
.btn-danger:disabled {
	background-color: #dc3545;
	border-color: #dc3545
}
.btn-danger.active,
.btn-danger:active,
.show>.btn-danger.dropdown-toggle {
	background-color: #c82333;
	background-image: none;
	border-color: #bd2130
}
.btn-light {
	color: #111;
	background-color: #f8f9fa;
	border-color: #f8f9fa
}
.btn-light:hover {
	color: #111;
	background-color: #e2e6ea;
	border-color: #dae0e5
}
.btn-light.focus,
.btn-light:focus {
	box-shadow: 0 0 0 3px rgba(248, 249, 250, .5)
}
.btn-light.disabled,
.btn-light:disabled {
	background-color: #f8f9fa;
	border-color: #f8f9fa
}
.btn-light.active,
.btn-light:active,
.show>.btn-light.dropdown-toggle {
	background-color: #e2e6ea;
	background-image: none;
	border-color: #dae0e5
}
.btn-dark {
	color: #fff;
	background-color: #343a40;
	border-color: #343a40
}
.btn-dark:hover {
	color: #fff;
	background-color: #23272b;
	border-color: #1d2124
}
.btn-dark.focus,
.btn-dark:focus {
	box-shadow: 0 0 0 3px rgba(52, 58, 64, .5)
}
.btn-dark.disabled,
.btn-dark:disabled {
	background-color: #343a40;
	border-color: #343a40
}
.btn-dark.active,
.btn-dark:active,
.show>.btn-dark.dropdown-toggle {
	background-color: #23272b;
	background-image: none;
	border-color: #1d2124
}