/* ****************** */
/*  =BALISE           */
/* ****************** */

@import url(fonts.css);

body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #1890de;
	text-decoration: none;
}
a img {
	border: none;
}


p.bg-info {
	padding: 1rem;
}

.glyphicon-warning-sign {
	display: inline-block;
	color: #071323;
	font-size: 1.8rem;
	vertical-align: middle;
}


/* ****************** */
/*  =CLASSES          */
/* ****************** */

.dn{ display: none; }
.underlined{ text-decoration: underline; }
.strong{ font-weight: bold; }
.striked{ text-decoration: line-through; }
.orange{ color: #F76905 !important; }
.bleu { color: #1890de !important; }
.error {
	color: #cc0000;
	font-weight: bold;
}
.clear { clear: both; }


/* ****************** */
/*  =CONTENEUR        */
/* ****************** */

#conteneur {
	width: 990px;
	margin: 95px auto 0;
	padding: 0 0 1rem;
}
.container #conteneur {
	width: auto;
}
#conteneur:after {
	display: table;
	content: ' ';
	clear: both;
}
	#conteneur header {
		margin: 1rem 0 2rem;
	}
	#conteneur header:after {
		content: ' ';
		display: table;
		clear: both;
	}
	.body header h1 {
		display: inline-block;
		margin: 0;
		font-size: 2.5rem;
		font-weight: bold;
		vertical-align: middle;
	}
	.body h2 {
		display: inline-block;
		margin: 0 0 1rem;
		font-size: 2rem;
		font-weight: bold;
		vertical-align: middle;
	}

.body {
	min-height: calc( 100vh - 10rem - 1.4rem - 60px );
	margin-top: 10rem;
	padding-top: 2rem;
}
.container-fluid .body {
	width: auto;
}
.body:after {
	display: table;
	content: ' ';
	clear: both;
}
	.body header {
		margin: 1rem 0 2rem;
	}
	.body header:after {
		content: ' ';
		display: table;
		clear: both;
	}
	.body header h1 {
		display: inline-block;
		margin: 0;
		font-size: 2.5rem;
		font-weight: bold;
		vertical-align: middle;
	}
	.body h1 {
		margin-bottom: 3rem;
	}
	.body header h4 {
		display: inline-block;
		margin: 0;
		font-weight: bold;
		vertical-align: middle;
	}
	#box header h5 {
		display: inline-block;
		margin: 0;
		font-weight: bold;
		vertical-align: middle;
	}


/* ****************** */
/*  =HEADER           */
/* ****************** */

header.main {
	z-index: 10;
	position: fixed;
	top: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
	width: 100%;
	padding: 0.5rem 1rem 0;
	background-color: #071323;
}

	.header-title {
		width: 45rem;
		margin-bottom: 1rem;
		color: #fff;
		font-family: 'Open Sans', sans-serif;
		font-size: 4.5rem;
		font-weight: 800;
		letter-spacing: 2rem;
		transition: margin-bottom 150ms;
	}

		.header-title-logo {
			float: left;
			width: 75px;
			height: 75px;
			margin: 1rem 2rem 0 0;
			background-image: url(../img/favicon.png);
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			transition: margin-top 150ms;
		}

		.header-title span {
			color: #f8b318;
		}

		.header-title small {
			display: block;
			font-size: 35%;
			letter-spacing: 0.5rem;
			font-weight: bold;
			opacity: 1;
			transition: margin-top 150ms, opacity 150ms;
		}

	.header-intervenant {
		width: 20rem;
		margin-bottom: 2rem;
		margin-right: 1rem;
		text-align: right;
		transition: margin-bottom 150ms;
	}

		.header-intervenant-avatar {
			float: left;
			width: 60px;
			height: 60px;
			margin-right: 1.5rem;
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			border-radius: 50%;
		}

		.header-intervenant p {
		    margin: 0.5rem 0;
		    line-height: 1em;
		    font-size: 2.5rem;
			color: #fff;
		    font-weight: 600;
		}

		.header-intervenant a {
			display: inline-block;
			font-size: 1.5rem;
			margin: 0 0.3em;
			color: #fff;
		}

		.header-intervenant a:hover {
			color: #1890de;
		}

	.header-menu ul {
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		margin: 0;
		padding: 0;
		list-style-type: none;
		text-align: left;
	}

		.header-menu li {
			margin: 0 2px;
			line-height: 30px;
		}

		.header-menu a {
			display: inline-block;
			padding: 1rem 1.5rem;
			font-weight: 600;
			color: #fff;
			background-color: transparent;
			transition: background-color 100ms, color 150ms;
			border-radius: 4px 4px 0 0;
			outline: 0;
		}

		.header-menu li.active a {
			color: #403736;
			background-color: #fff;
		}
		
		.header-menu a:focus,
		.header-menu a:active,
		.header-menu a:hover {
			color: #1890de;
			text-decoration: none;
		}

		.header-menu .glyphicon {
			margin-right: 1rem;
		}

.header-fixed .header-title {
	margin-bottom: 0;
}

.header-fixed .header-title small {
	margin-top: -2rem;
	opacity: 0;
}

.header-fixed .header-title-logo {
	margin-top: 0;
}

.header-fixed .header-intervenant {
	margin-bottom: 1rem;
}

/* ****************** */
/*  =MENU SECONDARY   */
/* ****************** */
.menu-secondary {
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style-type: none;
	vertical-align: middle;
}
	.menu-secondary li {
		display: inline-block;
		margin: 0 1rem;
		vertical-align: middle;
	}
	.menu-secondary li img {
		display: inline-block;
		width: 15px;
		height: 15px;
		margin-right: 0.2rem;
		vertical-align: sub;
	}

/* ****************** */
/*  =FILTERS          */
/* ****************** */
form.filters {
	float: right;
	width: auto;
}
	form.filters .form-control,
	form.filters .btn-default {
		/*height: 25px;*/
		/*padding: 1px 6px;*/
		margin-top: 0;
	}
	form.filters label,
	form.filters input {
		float: none;
		display: inline-block;
		vertical-align: top;
	}
	form.filters select {
		cursor: pointer;
	}

form.suivi-filters {
	margin-bottom: 2rem;
}

/* ****************** */
/*  =CONTENU          */
/* ****************** */
#contenu{
	width: 100%;
}

	.nav-pills li a {
		padding: 5px 10px;
		text-align: center;
	}

	.nav-pills > li.active > a,
	.nav-pills > li.active > a:focus,
	.nav-pills > li.active > a:hover {
		color: black;
		border: 1px solid #337ab7;
		background-color: transparent;
	}

	#contenu.tabbed .nav-tabs .badge,
	#contenu.tabbed .nav-pills .badge {
		color: #000;
		background-color: transparent;
		border: 1px solid #1890de;
	}

	#contenu.tabbed .nav-tabs .badge-success,
	#contenu.tabbed .nav-pills .badge-success {
		border-color: #5cb85c;
	}

	#contenu.tabbed .nav-tabs .badge-error,
	#contenu.tabbed .nav-pills .badge-error {
		border-color: #d9534f;
	}

	#contenu.tabbed .nav-tabs .badge-warning,
	#contenu.tabbed .nav-pills .badge-warning {
		border-color: #f0ad4e;
	}

	.ui-tabs .ui-tabs-nav li a {
		padding: 0.5em;
		font-size: 0.9em;
	}
	.ui-tabs .ui-tabs-nav li a img {
		max-height: 1em;
		margin-right: 0.2em;
	}
	table.dossiers {
		margin-top: 1rem;
	}
		table.dossiers .progress {
			margin-bottom: 0;
		}
		table.dossiers .progress.zero {
			color: #337ab7;
			text-align: center;
		}

	#contenu .thumbnail-recent {
		padding: 0.5rem;
	}
	#contenu .thumbnail-recent.checked {
		color: #BBB;
	}
	#contenu .thumbnail-recent:not(.checked):hover {
		color: #000;
		border-color: #071323;
	}
	#contenu .thumbnail-recent.checked:hover {
		border-color: #BBB;
	}
		#contenu .thumbnail-recent h3 {
			margin-top: 0;
			padding: 0;
			font-size: 1.5rem;
			transition: color .2s ease-in-out
		}
		#contenu .thumbnail-recent:not(.checked):hover h3 {
			color: #1890de;
			transition: none;
		}
		#contenu .thumbnail-recent p {
			font-size: 1.3rem;
		}
		#contenu .thumbnail-recent small {
			font-size: 1rem;
		}


/* ****************** */
/*  =DSR_VIEW         */
/* ****************** */

.dsr-tsks-list{
	margin: 0;
	padding: 0;
}
	.dsr-tsks-list input[type='checkbox']{
		float: left;
		margin: 6px 0 0 0;
		cursor: pointer;
	}
	.dsr-tsks-list input[type='text']{
		float: left;
		margin: 0 5px;
		max-width: 60%;
	}
	.dsr-tsks-list .glyphicon {
		display: inline-block;
		margin: 0 0.2rem;
	}
	.dsr-tsks-list .glyphicon:hover {
		color: #1890de;
	}
	.dsr-tsks-list li {
		cursor: pointer;
	}
	.dsr-tsks-list li > .data {
		float: left;
		max-width: 75%;
		display: block;
		margin: 3px 10px 0 8px;
		cursor: text;
	}
	.dsr-tsks-list .urgent{
		float: left;
		margin: 3px 0 0 5px;
	}
	.dsr-tsks-list .del_tsk,
	.dsr-tsks-list .infos_tsk,
	.dsr-tsks-list .urgent_tsk{
		cursor: pointer;
		margin: 2px;
	}
	.dsr-tsks-list .urgent_tsk{ margin-top: 4px; }
	.dsr-tsks-list .edit_tsk{
		max-width: 60%;
		height: 24px;
		padding: 4px 3px;
		font-size: 1em;
		font-weight: normal;
	}
	.dsr-tsks-list .ints{
		display: none;
	}
	.dsr-tsks-list .del_tsk,
	.dsr-tsks-list .infos_tsk,
	.dsr-tsks-list .urgent_tsk{ float: right; }
	.dsr-tsks-list .urgent{ font-weight: bold; }
	.dsr-tsks-list .owner_tsk{
		font-size: .7em;
		color: #A5A5A5;
	}

	.dsr-tsks-list .list-group-item {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.dsr-tsks-list .progress {
		float: right;
		display: inline-block;
		width: 200px;
		margin: 2px 0.5rem 0;
		vertical-align: middle;
	}
	.popover ul.ints {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
		.popover ul.ints li {
			margin: 0.2rem 0;
		}
		.popover ul.ints img {
			margin: 0 0.2rem;
		}

.clt_dsr address{
	margin: 10px 0 15px 0;
}
.ctt_dsr {
	margin-bottom: 10px;
}

.ctt_dsr table .ctt_dsr_nom b{
	min-width: 220px;
}
.ctt_dsr table .ctt_dsr_email a{
	min-width: 220px;
}
.ctt_dsr table .ctt_dsr_tel{
	min-width: 130px;
}

.ctt_dsr table td a,
.ctt_dsr table td b {
	white-space: nowrap;
}


#cmts{
	width: 100%;
	max-height: 680px;
	padding: 0 0.5rem 0 0;
	list-style-type: none;
	overflow: auto;
}
	#cmts li.cmt{
		position: relative;
		clear: both;
		padding-bottom: 10px;
	}
		#cmts li.cmt img.close{
			position: absolute;
			top: 5px;
			right: 5px;
			cursor: pointer;
			opacity: 1;
		}
		#cmts li.cmt span{
			color: #777777;
			font-size: 80%;
		}
		#cmts li.cmt p{
			margin-bottom: 0;
			font-size: 90%;
		}
	#add_cmt input[type='button']{
		float: right;
		margin: 10px;
	}
.affected_int {
}
	.affected_int li {
		height: 35px;
		padding: 0 1rem;
	}
	.affected_int li:hover {
		background-color: #f5f5f5;
	}
	.affected_int label {
		display: inline-block;
		width: 100%;
		margin-bottom: 0;
		padding: 0.5rem 0;
		cursor: pointer;
	}
	.affected_int .avatar {
		display: inline-block;
		float: right;
		max-width: 25px;
		height: auto;
		vertical-align: middle;
	}
	.affected_int input[type="checkbox"] {
		display: inline-block;
		margin-top: 0;
		margin-right: 0.5rem;
		vertical-align: middle;
	}

.thumbnail-ctt {
	padding: 1rem;
}


/* ****************** */
/*  =CATEGORIES       */
/* ****************** */
.cat-list {
	list-style-position: inside;
}
	.cat-list li {
		margin-bottom: 0.5em;
	}
	.cat-list li.add {
		list-style-type: none;
	}
	.cat-list form {
		margin: 0;
	}
	.cat-list button {
		padding: 0;
		background: none;
		border: none;
		cursor: pointer;
	}


/* ************** */
/*  =ÉTAPES       */
/* ************** */
.add_macro_etp label {
	display: inline-block;
	vertical-align: middle;
}
.add_macro_etp div label {
	font-size: 0.9em;
}
.etp-list {
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style-position: inside;
	vertical-align: middle;
}
	.etp-list li {
		margin-bottom: 0.5em;
	}
	.etp-list li.add {
		list-style-type: none;
	}
	.etp-list form {
		margin: 0;
	}
	.etp-list input {
		float: none;
		display: inline-block;
		vertical-align: middle;
	}
	.etp-list button {
		display: inline-block;
		vertical-align: middle;
		padding: 0;
		background: none;
		border: none;
		cursor: pointer;
	}


/* ************** */
/*  =SUIVI        */
/* ************** */
form.suivi {
	width: 100%;
	margin-bottom: 1rem;
}
form.suivi p {
	height: auto;
}
form.suivi p.dsr {
	margin-top: 1.5rem;
}
	form.suivi label,
	form.suivi input[type="text"] {
		display: block;
		width: 100%;
		float: none;
		margin: 0;
		padding: 3px;
	}
	form.suivi label:first-letter {
		color: #000;
	}
	form.suivi label strong {
		font-size: 1.2rem;
	}
	form.suivi label a.dsr {
		display: inline-block;
		margin-left: 1rem;
	}
form.suivi ul.ints {
	margin: 0 0 1rem;
	padding: 0;
	list-style-type: none;
}
	form.suivi ul.ints li {
		display: inline-block;
		margin: 0 0.4rem;
	}
form.suivi input[type="submit"] {
	float: right;
}

form.suivi .error {
	color: #BB0000;
}

table.suivi {
	border-collapse: collapse;
	border: 1px solid #000;
}
	table.suivi th,
	table.suivi td {
		padding: 0.5rem;
		border: 1px solid #000;
	}
	table.suivi th {
		padding-top: 0.8rem;
		padding-bottom: 0.8rem;
	}


/* ****************** */
/*  =FOOTER           */
/* ****************** */
.site-monitor-results {
	margin: 2rem auto;
	font-size: 2rem;
	font-weight: bold;
}


/* ****************** */
/*  =FOOTER           */
/* ****************** */
footer.main {
	margin-top: 1em;
	padding: 0.5rem 0 2rem;
	background-color: #071323;
}

.footer-version {
	margin-top: 0.5rem;
	color: #fff;
	font-weight: bold;
}

.footer-version a {
	color: #fff;
}
.footer-version a:hover {
	color: #1890de;
}

/* ****************** */
/*  =SELECT2          */
/* ****************** */
.select2-container .select2-selection--single {
	height: 34px;
	padding-top: 2px;
	border-color: #ccc;
}