#page_no_right{
	text-align: center;
	font-size: 1.2em;
	color: #737373;
}

.title_content.fixed {position:fixed;
	top:0;

	padding-left: 30px;
	font-size: 1.5em;
	line-height: 60px;
	color: #FFF;
	z-index: 9;
	background: #16292A;
	box-shadow: 0px 2px 3px rgba(0, 0, 0, .6);
}


	.title_content {
		width: 100%;
		padding-left: 30px;
		font-size: 1.5em;
		line-height: 60px;
		color: #FFF;
		z-index: 9;
		background: #ffb463;
		box-shadow: 0px 2px 3px rgba(0, 0, 0, .6);
	}
	textarea {
		resize: none;
	}

	.download{
		text-align: center;
		border: 1px solid #3A3A3A;
		border-radius: 5px;
		padding: 5px;
	}
	.page{
		position: relative;
		background-color: #FFF;
		padding-bottom: 30px;
		padding-left: 30px;
		padding-top: 60px;
	}

	.main-page{
		padding-top: 10px;
	}

	.page li{
		position: relative;
		border-bottom: 1px solid #DDD;

	}

	.page li:hover{
		background-color: #C7EDEF;
	}

	.page table:not(.table_piece){
		width: 100%;
		text-align: center;
	}

	.page tbody tr{
		position: relative;
		height: 30px;
	}

	.page tbody tr:hover{
		background-color: #C7EDEF;
	}

	.page tbody tr td{
		position: relative;
	}

	#ebt tbody tr td:nth-last-child(2), #ebt tbody tr td:last-child{
		width: initial;
	}

	.page a{
		width: 90%;
		color: initial;
	}

	.module{
		position: relative;
		background-color: white;
		font-size: 1.1em;
		line-height: 40px;
		margin-left: -30px;
	}

	.info_module{
		padding-left: 30px;
		/*	height: 50px;*/
		display: inline-block;
		letter-spacing: 0px;
		position: relative;
	}

	.info_module span{
		border: 1px solid #ddd;
		padding: 5px;
		margin-left: 5px;
		color: #333;
		letter-spacing: 0px;
		font-weight: bold;

		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
	}

	.option{
		z-index: 1;
	}

	/*** MODULE DE RECHERCHE ***/

	.search{
		float: left;
		padding: 0px 30px;
		padding-bottom: 0px;
		position: relative;
		margin-top: 70px;
		width: 100%;""
	}

	.search select{
		float: left;
		width: 30%;
		height: 255px;
		border: 1px solid #e5e5e5;
		letter-spacing: 0px;
		text-indent: 12px;

		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
	}

	.search option{
		height: 20px;
	}

	.search .first{
		margin-top: 0px;
	}

	.search input{
		float: left;
		width: 50%;
		margin-top: 26px;
		border:1px solid #e5e5e5;
		height: 30px;
		margin-left: 20px;
		padding-left: 20px;
		letter-spacing: 0px;

		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
	}
	.search input:nth-child(odd){
		margin-left: 0px;
	}

	.search input:first-child, .search input:nth-child(2){
		margin-top: 0px;
	}

	.search .search_left input{
		width: 45%;
	}


	.search input[type=date][placeholder]{
		color: #999;
	}

	.search label{
		float: left;
		margin-left: 30px;
		margin-top: 10px;
		width: 100%;
		margin-bottom: 20px;
	}

	.search input[type=submit]{
		margin-left: 0px;
		margin-top: 0px;
	}

	.search_ask{
		margin-right: 10px;
	}

	.search_hidden{
		display: none;
		float: left;
		margin-bottom: 50px;
		width: 100%;
	}

	.title_search{
		cursor:pointer;
		text-decoration: underline;
	}

	.search_equipment select{
		height: 94px;
	}

	.last{
		margin-bottom: 20px;
	}

	.search_left{
		position: relative;
		display: block;
		width: 70%;
		float: left;
		padding-left: 30px;
		height: 255px;
	}

	#search_left_equip{
		height: 100px;
	}

	/******************************    BT   ******************************/

	.bt_article{
		width: 47%;
		margin-top: 30px;
		float: left;
		margin-left: 20px;
		border-bottom: 1px solid #ccc;
		position: relative;
		height: 175px;
		line-height: 23px;
		font-size: 1.1em;
		overflow-x: hidden;
	}

	.bt_article .btn-edit{
		right: 25px;
	}

	.num_bt{
		float: left;
	}

	.id_bt{
		width: 70%;
		float: left;
	}

	.bt_titre{
		line-height: initial;
	}

	.titre_bt{
		float: left;
		margin-left: 10px;
		font-size: 1.1em;
		width: 50%;
		font-weight: bold;
	}

	.date_bt{
		position: relative;
		clear: both;
		padding-left: 20px;
		color: #777;
	}

	.date_bt:before{
		position: absolute;
		content: '';
		background: url('../icone/calendrier_bt.png') 50% 50% no-repeat;
		background-size: 100%;
		width: 15px;
		height: 15px;
		top: 0px;
		left: 0px;
	}

	.positionnment_bt{
		float: left;
	}

	.etat_bt{
		position: absolute;
		right: 0px;
		top: 0px;
		display: block;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		padding: 5px 10px;
	}

	.type_bt{
		float: left;
	}

	.result_dem{
		position: absolute;
		margin-top: 0px;
		border: 1px solid #999;
		float: left;
		top: 85px;
		border-radius: 0px 0px 2px 2px;
		padding: 0px;
		padding-left: 20px;
		width: 38%;
		line-height: 30px;
		background-color: #FFF;
		margin-left: 20px;
		box-shadow: 0px 3px 10px #888;
	}
	.result_dem li:hover{
		background-color: #C7EDEF; 
		border-radius: 0px 0px 2px 2px;
	}


	#largeIMG {
		display: none;
		width: 70%;
		position: absolute;
		top: 100px;
		left: 0;
		margin-left: 15%;
		border-radius: 2px;
		background-color: #888;
		border:1px solid #666;
		box-shadow: 0px 0px 10px #2F2F2F;
		overflow: hidden;
		text-align: center;
	}

	#photoBT{
		max-width: 90%;
	}

	.btn-close {
		width: 50px;
		background-color: transparent;
		color: white;
		position: absolute;
		top: 2px;
		right: 2px;
		height: 50px;
		border: 0px;
		background: url('../icone/close.png') 50% 50% no-repeat;
		background-size: 50%;
	}

	.form_bt {
		border : solid 2px #c56701;
		position: relative;
		background-color: #f8f8f8;
		margin-top: 50px;
		max-width: 700px;
		color: #454545;
	}

	.ctrl_bt{
		border : solid 1px;
		border-color: #D6D3D6;
		background-color : #efefef;
		margin: unset;
		width: fit-content;
		min-width: 100px;
		padding: 0 5px;


	}

	.ctrl_bt_label{
		margin: unset;
		font-size: 1.08em;

	}

	.ctrl_bt2{
		border : #D6D3D6 solid 1px;
		background-color : red; 
		margin: unset;
	}

	.form_bt > .group_bt{
		border-bottom: 1px solid #c56701;
		margin: unset;

	}
	.no-data{
		font-size: 1em;
		color: #a0a0a0;
		margin-left: 10px;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.overflow{
		overflow-x: auto;
	}
	.content_group{
		font-size: 1em;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		background-color: #f7f5ef;
	}

	input::placeholder {
		color: #454545;
		padding: 0 8px;
	}

	input:placeholder-shown{
		text-overflow: ellipsis;
	}

	.label_input{
		padding: 5px;
		margin: unset;
		display: inline-grid;
	}





	.frm_input{
		border: 1px solid #FB8709;
		vertical-align: middle;
		padding:  0 8px;
		height: 20px;
	}



	textarea.frm_input{
		width: 100%;
		height: unset;
	}

	.frmtab-title{
		display: inline-block;
		border: 1px solid black;
		padding: 0 5px;
	}
	.frm_input:focus{
		border: 2px solid #a7cfd0;
		outline: none;
	}

	.FrmTabIndex{
		display: none;
		margin: unset;
	}

	.label_equip{
		padding: 5px;
		font-size: 1em;
		/*width: 150px;*/
	}

	label.label_equipe{
		font-size: 1em;
		width: 85px;

	}
	.group_bt .title{
		font-size: 1.25em;
		padding: 5px;
		font-weight: bolder;
		border-bottom: 1px solid #C56701;
		background: linear-gradient(to bottom, #ffffff 75%, #eeefee);
	}

	.frm_tab .title{
		font-size: 1.25em;
		padding: 5px;
		font-weight: bolder;
		border-bottom: 1px solid #FFA23C;
		background: linear-gradient(to bottom, #ffffff 75%, #eaeaea);
	}

	#text{
		display: none;
	}

	.frm_tab{
		/*border-bottom: 1px solid #8eaba1;*/
	}


	.tab_menu{
		display: flex;
		padding: unset;
		text-align: center;
		vertical-align: middle;
	}

	.tab-list {
		list-style-type: none;
		display: flex;
		/*grid-template: 1fr / repeat(7, 1fr);*/
		height: 100%;
		margin: 0;
		padding: 0;
	}

	.tab-list li {
		width: 100%;
		display: flex;
		background-color: orange;
		margin: unset;
		justify-content: center;
		align-items: center;
		border-left: 2px solid red;
	}

	.tab-list li:last-of-type {
		border-right: 2px solid red;

	}

	.tab-list li a {
		display: flex;
		height: 100%;
		width: 100%;
		justify-content: center;
		align-items: center;
		color: black;

		/*grid-column: 1;*/
		text-decoration: none;
	}

	#bt-form{
		margin-left: 80%;
		margin: 20px;
	}

	.forms{
		display: none;
	}

	/******* Regler le style du bouton checkbox pour le vue/pas vue *******/

	/* Cachons la case à cocher */
	.bt_article input[type="checkbox"]:not(:checked),
	.bt_article input[type="checkbox"]:checked {
		position: absolute;
		left: -9999px;
	}

	/* on prépare le label */
	.bt_article input[type="checkbox"]:not(:checked) + label,
	.bt_article input[type="checkbox"]:checked + label {
		position: absolute; /* permet de positionner les pseudo-éléments */
		padding-left: 25px; /* fait un peu d'espace pour notre case à venir */
		cursor: pointer;    /* affiche un curseur adapté */
		right: 46px;
		bottom: 27px;
	}

	/* Aspect des checkboxes */
	/* :before sert à créer la case à cocher */
	.bt_article input[type="checkbox"]:not(:checked) + label:before,
	.bt_article input[type="checkbox"]:checked + label:before {
		content: '';
		position: absolute;
		left:0; top: 2px;
		width: 20px; height: 20px; /* dim. de la case */
		border: 1px solid #aaa;
		background: #f8f8f8;
		border-radius: 2px;
		/*box-shadow: inset 0 1px 3px rgba(0,0,0,.3) légère ombre interne */
	}

	/* Aspect général de la coche */
	.bt_article input[type="checkbox"]:not(:checked) + label:after,
	.bt_article input[type="checkbox"]:checked + label:after {
		content: '✔';
		position: absolute;
		top: 0; left: 4px;
		font-size: 14px;
		color: #09ad7e;
		transition: all .2s; /* on prévoit une animation */
	}
	/* Aspect si "pas cochée" */
	.bt_article input[type="checkbox"]:not(:checked) + label:after {
		opacity: 0; /* coche invisible */
		transform: scale(0); /* mise à l'échelle à 0 */
	}
	/* Aspect si "cochée" */
	.bt_article input[type="checkbox"]:checked + label:after {
		opacity: 1; /* coche opaque */
		transform: scale(1); /* mise à l'échelle 1:1 */
	}

	/* aspect désactivée */
	.bt_article input[type="checkbox"]:disabled:not(:checked) + label:before,
	.bt_article input[type="checkbox"]:disabled:checked + label:before {
		box-shadow: none;
		border-color: #bbb;
		background-color: #ddd;
	}
	/* styles de la coche (si cochée/désactivée) */
	.bt_article input[type="checkbox"]:disabled:checked + label:after {
		color: #999;
	}
	/* on style aussi le label quand désactivé */
	.bt_article input[type="checkbox"]:disabled + label {
		color: #aaa;
	}

	/* aspect au focus de l'élément */
	.bt_article input[type="checkbox"]:checked:focus + label:before,
	.bt_article input[type="checkbox"]:not(:checked):focus + label:before {
		border: 1px solid #34495E;
	}

	/****************************** DEMANDE ******************************/

	.article_ask{
		width: 48%;
		float: left;
		margin: 0px;
		position: relative;
		border-bottom: 1px solid #999;
		border-bottom: 1px solid #999;
		margin-bottom: 30px;
		height: 130px;
	}

	.article_ask:nth-child(even){
		margin-left: 10px;
	}

	.article_ask:nth-child(odd){
		margin-left: 1%;
	}

	.ask_titre{
		margin-left: 10px;
		font-weight: bold;
		float: left;
		margin-bottom: 5px;
		width: 72%;
		margin-right: 20%;
	}

	.ask_code{
		margin-left: 10px;
		width: 100%;
		display: inline-block;
	}

	.ask_identification{
		width: 100%;
		margin-left: 10px;
		margin-bottom: 5px;
	}

	.ask_date{
		position: relative;
		clear: both;
		padding-left: 30px;
		color: #777;
		margin-bottom: 5px;
	}

	.ask_date:before{
		position: absolute;
		content: '';
		background: url('../icone/calendrier_bt.png') 50% 50% no-repeat;
		background-size: 100%;
		width: 15px;
		height: 15px;
		top: 0px;
		left: 10px;
	}

	.ask_e_code{
		float: left;
		margin-bottom: 5px;
	}

	#edit_btn{
		right: 25px;
	}

	/******************************* EQUIPMENT *****************************/

	.equipment_page{
		float: left;
		width: 100%;
	}
/*
.btn-equipement{
	margin-top: 17px; 
	margin-left: 10px; 
	font-size:.7em;
	}*/

	.equipment_page li{
		width: 31%;
		float: left;
		border-bottom: 0px;
		height: 150px;

	}

	.arborescence{
		position: relative;
		width: calc(100% + 30px);
		padding-left: 20px;
		margin-bottom: 20px;
		line-height: 50px;
		background-color: #34495E;
		color: white;
		margin-left: -30px;
	}

	.arborescence a {
		color: white;
		font-weight: bold;
	}

	.arborescence a:hover {
		text-decoration: underline;
	}

	.equipment_page li:hover{
		background-color: transparent;
	}

	#piece{
		width: 100%;
	}

	#t_ep{
		width: 50%;
		border: 1px solid #34495E;
		margin-top: 20px;
	}

	#t_ep caption{
		font-size: 1em;
		font-weight: bold;
		color: #34495E;
		border-top: 1px solid #34495E;
		border-left: 1px solid #34495E;
		border-right: 1px solid #34495E;
		border-radius: 2px 2px 0px 0px;
		height: 25px;
		line-height: 25px;
	}

	#t_ep tr{
		height: 30px;
	}

	#t_ep tbody td{
		width: initial;
	}

	li.equipement {
		border: 2px solid #34495E;
		border-radius: 2px;
		margin-bottom: 20px;
		height: auto;
		padding: 10px;
		line-height: 30px;
		margin-left: 10px;
		font-weight: bold;
		cursor: pointer;
		position: relative;
	}

	li.equipement:hover{
		background-color: #34495E;
	}

	li.equipement a:first-child{
		float: left;
	}

	li.equipement:hover a{
		color: white;
		text-decoration: underline;
	}

	li.equipement a {
		color: inherit;
		float: right;
		width: auto;
	}

	.voir_fiche{
		content: '';
		background: url('../icone/see2.png') 50% 50% no-repeat;
		background-size: 20px;
		border: 1px solid #9A9A9A;
		width: 30px;
		height: 30px;
		border-radius: 2px;
		padding-top: 2px;
		padding-bottom: 4px;
		padding-left: 3px;
		padding-right: 2px;
	}

	li.equipement:hover a .voir_fiche{
		background: url('../icone/see2-hover.png') 50% 50% no-repeat;
		border: 1px solid #fff;
		background-size: 20px;
	}



	/**********************************************************/

	.table_piece{
		margin-top: 20px;
		margin-bottom: 50px;
		font-size: .9em;
	}

	.table_piece th:first-child{
		border-left: 1px solid #34495E;
		border-top-left-radius: 2px;
	}

	.table_piece th:last-child{
		border-right: 1px solid #34495E;
		border-top-right-radius: 2px;
	}

	table.table_piece tr:nth-child(even){
		background-color: #fff;
	}

	table.table_piece tr:nth-child(even):hover{
		background-color: #C7EDEF;
	}

	.piece{
		background-color: #FFF;
	}

	/**********************************************************/


	/* Partie commentaire des bt */

	.comment{
		width: 70%;
		border: 1px solid #ddd;
		border-radius: 2px;
		padding: 5px;
		margin-top: 10px;
		margin-bottom: 50px;
		margin-left: 10%;
	}

	.page_compteur form{
		position: relative;
	}

	.page_compteur ul{
		top: 105px;
		width: 100%;
	}

	.page_compteur input{
		float: left;
		margin-left: 20px;
		width: calc(50% - 30px);
		width: -webkit-calc(50% - 30px);
		width: -moz-calc(50% - 30px);
		margin-bottom: 30px;
	}


	/**********************************************************/

	/* Partie pour les pièces */

	.p_libelle{
		border: 1px solid #949494;
		border-radius: 2px;
		padding: 5px;
		margin-left: 5px;
		margin-right: 5px;
		font-weight: bold;
	}

	/**********************************************************/

	/**********************************************************/

	/* Page d'index */

	.nb_etat_bt {
    border-radius: 10px;
    padding: 10px;
    float: left;
    margin-top: 5px;
    margin-left: 5px;
    line-height: 30px;
    background: #92e8e0;
    font-weight: bold;
	border:1px solid #F2F2F2;
    -webkit-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
}

.legend_etat{
	float: left;
	width: 50%;
	margin-left: 25%;
	border-radius: 2px;
	margin-bottom: 10px;
}

.qte_etat{
	float: right;
	height: 30px;
	width: 30px;
	line-height: 30px;
	border-radius: 50%;
	text-align: center;
	color: #333;
	margin-left: 10px;
}

.nb_etat_bt:hover{
	-webkit-transform: scale(1.5,1.5);
	-ms-transform: scale(1.5,1.5);
	-o-transform: scale(1.5,1.5);
	transform: scale(1.5,1.5);

	border:1px solid #E5E5E5;
}

	/**********************************************************/

	/**********************************************************/

	.displayNone_PC{
		display: none;
	}

	.displayBlock{
		display: block;
	}



	.ui-autocomplete {
		max-height: 300px;
		overflow-y: auto;
		width: 20em;
		overflow-x: hidden;
		/* pour avoir un nombre limité de résultats, et scroller si beaucoup de résultats*/
		background-color: #f7f5ef;
		border: 1px solid #c56701;
	}

	.custom-combobox-input{
		height: 20px;
		border: 1px solid #FB8709;
		vertical-align: middle;
		padding: 0 8px;
		width: 150px;
	}


	#folder_jstree{
	height: 250px;
	overflow-y: scroll;
	overflow-y: scroll;
	width: 500px;
	font-size: 15px;
	position: absolute;
	background-color:#f1f8f9; 
	border: 1px solid #0070A0;
	z-index: 10;
}


#folder_jstree:hover{
 background-color:#e9f1f3;
}

#txt_folderjsondata{
	display: none;
}


.display-folder{
	border: 1px solid #07B4FF;
	vertical-align: middle;
	padding:  0 8px;
	border-radius: 10px;

}


.nb_etat_bt {
    border-radius: 10px;
    padding: 10px;
    float: left;
    margin-top: 5px;
    margin-left: 5px;
    line-height: 30px;
    background: #92e8e0;
    font-weight: bold;
	border:1px solid #F2F2F2;
    -webkit-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
}