.container_principal {
	position: absolute;
	top: 100px;
	width: 100%;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	background-color: #fff;
}
.container_secondaire {
	width: 98%;
	margin: auto;
	padding: 0;
	z-index: 1;
	background-color: white;
}
.mef_span_teal{
	color: teal;
	padding: 2px;
}
.mef_span_red{
		color: orangered;
	padding: 2px;
}
.col10px {
	width: 10px;
}
.col20px {
	width: 20px;
}
.col30px {
	width: 30px;
}
.col40px {
	width: 40px;
}
.col50px {
	width: 50px;
}
.col60px {
	width: 60px;
}
.col70px {
	width: 70px;
}
.col80px {
	width: 80px;
}
.col90px {
	width: 90px;
}
.col100px {
	width: 100px;
}
.col120px {
	width: 120px;
}
.col140px {
	width: 140px;
}
.col150px {
	width: 150px;
}
.col160px {
	width: 160px;
}
.col200px {
	width: 200px;
}
.col220px {
	width: 220px;
}
.col250px {
	width: 250px;
}
.col300px {
	width: 300px;
}
.col350px {
	width: 350px;
}
.col400px {
	width: 400px;
}
.fa-trash {
	color: red;
}
.fa-edit {
	color: darkblue;
}
.hidden {
	display: none;
}
.displayFlex {
	display: flex;
}
.asideModel {
	border: 1px solid grey;
	border-top-right-radius: 20px;
}
.aste {
	color: red;
}
label {
	color: darkblue;
	font-weight: 500;
	margin-right: 5px;
}
.tiret{
	width: 20px;
	height: 2px;
background-color: orange;
}
.tiret span{
	background-color: orange;
}
select,
input {
	border: 1px solid transparent;
	border-bottom: 1px solid gray;
}
.fontSize10px {
	font-size: 10px;
}
.font12px {
	font-size: 12px;
}
.font14px {
	font-size: 14px;
}
.alignCenter {
	text-align: center;
	padding: 0;
	margin: 0;
}
.error_div {
	position: relative;
	top: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	z-index: 1000;
}
.error_div span {
	display: flex;
	margin: 0;
	padding: 0;
	color: red;
}
.w250px {
	width: 250px;
}
.colorRed {
	background-color: red;
	color: white;
	padding: 2px 4px;
	font-weight: 600;
}
.colorGreen {
	background-color: teal;
	color: white;
	padding: 2px 4px;
	font-weight: 600;
}
.colorWhite {
	color: white;
}
.orange {
	background-color: orange;
}
.grey {
	background-color: #eee;
}
.red {
	background-color: red;
}
.bleu {
	background-color: darkblue;
}
.yellow {
	background-color: yellow;
}
.green {
	background-color: green;
}
.colorRed2 {
	color: red;
	font-weight: 500;
}
.colorBlue2 {
	color: blue;
	font-weight: 500;
	font-size: 11px;
}
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
a,
a:hover {
	text-decoration: none;
	cursor: pointer;
}
ul {
	margin: 0;
	padding: 0;
}
li {
	list-style: none;
}
* {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #111;
	box-sizing: border-box;
}
.titre_h5 {
	color: darkblue;
	font-size: 14px;
	font-weight: 500;
}
.lignevideIndex2 {
	height: 1px;
	line-height: 1px;
	background-color: #485b6c;
	border: orangered;
}

.spanCadres {
	display: flex;
	background-color: transparent;
}
.content_analyse:hover{
	background-color: lightgray;
	transition: all .3s ease;
}
.span1_Cadre1,
.span1_Cadre2,
.span1_Cadre3 {
	display: block;
	height: 80%;
	width: 90%;
	margin: auto;
	text-align: center;
	padding: 2px 4px;
	font-size: 10px;
	color: #fff;
}
.span1_Cadre1 {
	background-color: teal;
	color: #fff;
}

.span1_Cadre2 {
	background-color: darkblue;
	color: #fff;
}

.span1_Cadre3 {
	background-color: orangered;
	color: #fff;
}
.spanCadreDepassement {
	text-align: center;
	padding: 2px 4px;
	font-size: 10px;
	color: #fff;
	width: 100%;
	margin: 0 3px;
	background-color: red;
}
.nb_index a {
	display: block;
	font-size: 12px;
	text-align: center;
	cursor: pointer;
}
.nb_index a:hover,
.nb_indexT a:hover {
	background-color: #eee;
}
.nb_indexT a {
	display: block;
	font-size: 12px;
	text-align: center;
	cursor: pointer;
	color: #000;
}
.span_total_index span {
	padding: 4px;
	color: darkblue;
	font-weight: 600;
}
.table_div table {
	width: 100%;
}
.table_div td {
	padding: 2px 3px;
}
/********DEBUT PAGINATION**********/
.container_title0{
	z-index: -1;
}
.container_title1{
	z-index: -1;
}
.pagination_ajax {
	margin: 5px 0 10px 20px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
	z-index: 1;
}
.pagination_ajax ul {
display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
	z-index: 2000;
}
.pagination_ajax2A {
	position: relative;
	width: 50%;
	z-index: 2000;
	background-color: #fff;
display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
	padding: 0;
}
.pagination_ajax2A ul li{
display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
	z-index: 2000;
}
.pagination_tacheEdit{
display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
	z-index: 2000;
}
.pagination_tacheEdit ul{
display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
	z-index: 2000;
}
.container_title2A {
	display: flex;
	margin: 10px 5px;
}
/********FIN PAGINATION**********/
/********DEBUT SEARCH**********/
.container_search {
	margin: 10px 0 5px 20px;
	width: 50%;
}
.search {
	background-color: white;
}
.container_title2026A {
	width: 100%;
	display: flex;
	margin: 0;
	padding: 0 0 0 20px;
	font-weight: 600;
}
.container_title2026 {
	width: 100%;
	display: flex;
	margin: 0;
	padding: 0 0 3px 20px;
	font-weight: 600;
}
.titte_page2026,
.total_articles2026 {
	font-size: 16px;
	font-weight: 500;
	margin-right: 30px;
	color: darkblue;
}
/********FIN SEARCH**********/

/**********DEBUT tacheEdit.php********/
.btn_save {
	width: 100%;
	display: flex;
}
.btn_save btn {
	width: 10%;
	padding-right: 50px;
}
.tacheEdit_item_jour {
	width: 70%;
	display: flex;
	margin: 3px 0;
}
.tacheEdit_item_jour label {
	width: 34%;
	height: 26px;
	line-height: 26px;
}
.tacheEdit_item_jour input {
	width: 20%;
	background-color: #eee;
	border-bottom: 1px solid #333;
	height: 26px;
	line-height: 26px;
}
.form_tacheEdit_num {
	background-color: #333;
	padding: 5px;
}
.form_tacheEdit_num span {
	color: #fff;
}
.head_pagination_titre {
	padding: 10px 5px;
	background-color: #333;
	margin-bottom: 10px;
}
.head_pagination_titre h6 {
	color: #fff;
}
.header_tacheEdit {
	border: 1px solid grey;
	width: 100%;
	padding: 5px 10px;
	margin-bottom: 10px;
	background-color: teal;
}
.header_tacheEdit1 {
	width: 100%;
	display: flex;
}
.header_tacheEdit_section1 {
	width: 35%;
}
/****/
.content_tacheEdit {
	background-color: white;
	width: 100%;
	display: flex;
}
.aside_tacheEdit {
	width: 50%;
}
.form_TE_btn {
	padding: 10px;
}

.container_right_tacheEdit {
	width: 50%;
	position: relative;
}
.form_tacheEdit {
	width: 100%;
	display: flex;
	flex-direction: column;
}
.form_tacheEdit_left {
	width: 100%;
	padding: 5px;
}
.form_tacheEdit_right {
	width: 100%;
	padding: 5px;
}
.asideForm_tacheEdit0 {
	background-color: white;
	width: 100%;
}
.asideForm_tacheEdit1 {
}
.tacheEdit_bloc {
	width: 100%;
	padding: 5px;
	background-color: #eee;
	margin-bottom: 10px;
}
.table_wrapperTE {
	margin: 20px 0;
}
.table_divTE table th {
	background-color: black;
	color: #fff;
}
.table_divTE table td {
	border: 1px solid grey;
	padding: 2px 3px;
	font-size: 10px;
}
.tacheEdit_item {
	margin: 3px 0;
}
.tacheEdit_item label {
	width: 23%;
	height: 26px;
	line-height: 26px;
}
.tacheEdit_item_site1 {
	display: flex;
}
.tacheEdit_item_siteSpan1 label {
	height: 26px;
	line-height: 26px;
}
.tacheEdit_item_siteSpan1 input,
.tacheEdit_item_siteSpan1 select {
	height: 26px;
	line-height: 26px;
	border-bottom: 1px solid #333;
	margin-right: 20px;
	background-color: #eee;
}

.tacheEdit_item textarea {
	width: 60%;
	border-bottom: 1px solid #333;
}
.tacheEdit_item input,
.tacheEdit_item select {
	background-color: transparent;
	border-bottom: 1px solid #333;
	height: 26px;
	line-height: 26px;
}
.tacheEdit_item1 input {
	width: 50%;
}

.tacheEdit_item textarea {
	background-color: transparent;
	border-bottom: 1px solid #333;
}
.tacheEdit1_ArticleA {
	color: darkblue;
	font-weight: 500;
	margin-right: 3px;
}
.titre_tacheEdit {
	font-size: 16px;
	font-weight: 600;
	color: darkblue;
	padding: 3px 0;
}
.dateP td {
	font-size: 11px;
	background-color: yellow;
}
.PL_file_images2 {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
}
.PL_images {
	border: 1px solid grey;
	margin: 1%;
	width: 48%;
	height: 120px;
}
.PL_images1 img {
	width: 100%;
	height: 100px;
}
.PL_images2 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	padding: 2px;
}
/**********FIN tacheEdit.php********/
/***************Début  index.php****************/
.taux_ind01 {
	position: absolute;
	right: 116px;
	top: 10px;
}
.taux_ind01 span{
	padding: 0;
	margin: 0 auto;
	top: 18px;
	text-align: center;
	width: 100%;
	font-size: 12px;
	color: red;
	font-weight: 600;
	font-family: sans-serif;
}
.taux_ind1 {
	background-color: teal;
	position: absolute;
	right: 110px;
	top: 29px;
	width: 55px;
	height: 55px;
	border-radius: 50%;
	object-fit: cover;
}
.taux_ind2 {
	background-color: teal;
	position: absolute;
	right: 36px;
	top: 29px;
	width: 55px;
	height: 55px;
	border-radius: 50%;
	object-fit: cover;
}
.taux_ind02 {
	position: absolute;
	right: 20px;
	top: 10px;
}
.taux_ind02 span{
	padding: 0;
	margin: 0 auto;
	top: 18px;
	text-align: center;
	width: 100%;
	font-size: 12px;
	color: red;
	font-weight: 600;
	font-family: sans-serif;

}
.taux_ind1 span,
.taux_ind2 span {
	padding: 0;
	margin: 0 auto;
	top: 18px;
	text-align: center;
	width: 100%;
	font-size: 13px;
	position: absolute;
	color: #fff;
	font-weight: 600;
	font-family: sans-serif;
}

.container_index0 {
	width: 100%;
	position: relative;
}
.container_index {
	position: relative;
	width: 70%;
	margin: 5px auto;
	background-color: #eee;
		border-top-right-radius: 15px;
}
.container_index1 {
	padding: 10px;
	border-left: 2px solid orange;
	margin-bottom: 1px;


}
.container_index2 {
	padding: 4px;
	margin-bottom: 1px;
}
.titre_index,
.date_index {
	font-weight: 600;
	font-size: 600;
}
.index_left_right {
	width: 100%;
	display: flex;
}
.index_left {
	width: 45%;
	padding: 5px;
}
.index_right {
	width: 55%;
	padding: 5px;
}
.index_bottom0 {
	width: 100%;
	display: flex;
}
.index_bottom1 {
	width: 50%;
	padding: 5px;
}
.index_bottom2 {
	width: 50%;
	padding: 5px;
}
.card2P_item1 {
	width: auto;
}
.card2P_item1_a {
	width: 100%;
	display: flex;
}
.card-title2 {
	position: relative;
	color: darkblue;
	min-width: 200px;
	margin-right: 5px;
	font-size: 12px;
}
.card-title2:hover {
	color: red;
	transition: all 0.4s ease;
}
.card-value {
	width: 20%;
	font-size: 12px;
	padding: 0;
	font-weight: 600;
}
.index_dep {
	background-color: transparent;
}

.table_idex_dep {
	width: 100%;
}
.tr_table_index_dep {
	border-bottom: 1px solid grey;
}
.tr_table_index_dep td {
	padding: 2px 3px;
		border-bottom: 1px solid grey;
}
.departement_li {
	font-size: 11px;
	color: darkblue;

	padding-left: 3px;
	font-family: sans-serif;
}
.tr_table_index_dep th {
	font-size: 11px;
	font-weight: 500;
	padding: 2px 0;
	background-color: teal;
	color: #fff;
}
.tr_table_index_dep>.tr_table_index_dep1{
	padding-left: 3px;
}
.titre_index_dep {
	padding: 10px 0;
}
.tr_departement a {
	display: block;
	text-align: center;
}
.tr_departement_titre {
font-weight: 500;

}
.tr_table_index_dep_td{
	border-bottom: 1px solid teal;

}
.tr_departement_titre a {
	display: flex;
	padding-left: 3px;
	font-weight: 500;
	color: #fff;
}
.tr_departement a:hover,
.tr_departement_titre a:hover {
	background-color: lightgray;
	transition: all 0.4s ease;
}
/***************Fin  index.php****************/
/*************Début planningEdit.php*******************/
.planningEdit_container_right_head h6 {
	padding: 10px;
	color: darkblue;
	font-weight: 600;
}
.container_planningEdit {
	width: 100%;
	display: flex;
}
.aside_left_planning {
	width: 35%;
	padding: 10px;
	margin-right: 1%;
}
.planningEdit_right {
	width: 64%;
}
.div_item_PE {
	width: 100%;
}
.div_item_PE label {
	width: 30%;
	margin-right: 2px;
}
.titre_PE2 {
	background-color: #333;
	padding: 5px;
}
.titre_PE2 span {
	color: #fff;
}
.btn_PE {
	margin: 20px 0;
}
/*************Fin planningEdit.php*******************/
/****************Début taches.php*********************/

.table_div table {
	width: 100%;
}
.table_div table th {
	background-color: #333;
	color: #fff;
	padding: 3px 2px;
	font-size: 11px;
}
.table_div table td {
	padding: 2px 3px;
	font-size: 11px;
	border: 1px solid grey;
}
.user_li {
	padding: 3px 2px;
	font-size: 11px;
}
/****************Fin taches.php*********************/
/***************Début tiers.php********************/
.container_gle {
	background-color: white;
	display: flex;
	width: 100%;
}
.aside_left_gle {
	width: 35%;
	padding: 10px;
	background-color: #eee;
}
.container_search1A {
	margin-bottom: 10px;
}
.tiers_btn {
	margin: 20px 0;
}
.div_tiers {
	margin: 10px 0;
}
.div_tiers input,
.div_tiers select,
.div_tiers textarea {
	background-color: #eee;
	border-bottom: 1px solid #333;
}
/***************Fin tiers.php********************/
/*****************Début matrice.php contrats*********/
.container_matrice {
	width: 70%;
	margin: 50px auto;
}
/*****************Fin matrice.php contrats*********/
/************Début dashboard matrice.php********************/
.container_dash_matrice {
	width: 70%;
	margin: 20px auto;
}
.container_dash_matrice1 {
	background-color: white;
}
.index_titre_tr {
	padding: 10px;
	background-color: #eee;
}
.index_titre_tr td {
	padding: 10px;
	color: darkblue;
	font-weight: 600;
	background-color: #eee;
}
.index_td1 {
	background-color: lightgray;
	color: darkblue;
}
.index_td1 .index_td1-1 {
	color: darkblue;
	padding-left: 10px;
	font-weight: 700;
}
.index_tr1_total {
	background-color: #eee;
}
/************Fin dashboard matrice.php********************/
/************Début dashboard matrice2.php********************/
.card5 {
}
.matrice2_synthese {
	width: 70%;
	margin: auto;
}
.matrice2_synthese li {
	margin-bottom: 20px;
}
.card5 {
	width: 100%;
}
.nb_ind4B {
	width: 100%;
}
.nb_ind42 {
	width: 20%;
	border-bottom: 1px solid grey;
}

.index_synthese {
	width: 100%;
}
.nb_ind41 {
	width: 15%;
	font-weight: 600;
	color: darkblue;
	display: block;
	border-bottom: 1px solid grey;
}
.nb_ind4B {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;

	margin-bottom: 1px;
	height: 24px;
	line-height: 24px;
}
.nb_ind42T {
	font-weight: 700;
	color: red;
	display: block;
	font-size: 10px;
	text-align: center;
}
.nb_ind4 {
	margin-bottom: 10px;
	padding: 10px;
}
.nb_ind42B {
	font-weight: 600;
	color: white;
	display: block;
	text-align: center;
	font-size: 10px;
	background-color: #778593;
}
.nb_ind42 {
	width: 20%;
	padding: 0 2px;
}
.nb_ind42 a {
	display: block;
	text-align: center;
	font-size: 12px;
}
.nb_ind42Taux {
	display: block;
	text-align: right;
}
.nb_ind42 a:hover {
	color: darkblue;
	font-weight: 500;
	transition: all 0.5s ease;
}
.nb_ind41 {
	font-size: 11px;
}
.nb_ind42 {
	font-size: 11px;
}
.index_synthese li {
	margin-bottom: 15px;
}

/************Fin dashboard matrice2.php********************/

/***********Début analyses/analyses.php*******************/
.aside_analyse_globale {
	background-color: #eee;
	padding: 10px;
}
.tr_jour_analyse{
	width: 100%;
	background-color: lightgray;
}
/***********Fin analyses/analyses.php*******************/
/*****************DEBUT ANALYSE/ANALYSE.PHP*******************/
.aside_analyse_globale {
	width: 100%;
}
.aside_analyse0 {
	background-color: #eee;
	padding: 10px;
}
.aside_analyse1 {
	width: 50%;
}
.inf_select_filtre {
}
.inf_select_filtre label,
.inf_select_filtre_date label {
	height: 25px;
	line-height: 25px;
	width: 70px;
	font-size: 13px;
}
.inf_select_filtre_date2 {
	margin-left: 20px;
}
.inf_select_filtre_date2 label {
	height: 25px;
	line-height: 25px;
	width: 30px;
	font-size: 13px;
}
.inf_select_filtre input,
.inf_select_filtre select,
.inf_select_filtre_date input,
.inf_select_filtre_date2 input {
	height: 25px;
	line-height: 25px;
	background-color: #eee;
	padding: 0 2px;
	font-size: 13px;
}
.inf_select_filtrestatut label {
	height: 25px;
	line-height: 25px;
	width: 70px;
	font-size: 13px;
}
.inf_select_filtrestatut select {
	height: 25px;
	line-height: 25px;
	background-color: #eee;
	padding: 0 2px;
	font-size: 13px;
}
.analyse_btn {
	padding: 10px 0;
}
.aside_analyse2 {
	width: 50%;
}
/*****/
.section_analyse_globale {
	width: 100%;
}
.table_div_analyse_globale {
	width: 100%;
}
.tr_analyse_annee th {
	padding-left: 10px;
	background-color: #333;
	color: #fff;
	width: 100%;
	padding: 2px;
}
.tr_content_analyse {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
}
.tr_content_analyse td {
	border-top-right-radius: 10px;
	width: 160px;
	height: 160px;
	margin: 3px;
	font-size: 9px;
	padding: 5px;
	display: flex;
	flex-direction: column;
	border: 1px solid red;
}
.content_analyse_header {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	padding: 2px;
	background-color: lightgray;
}
.content_analyse_span_id {
	color: red;
	font-weight: 500;
	font-size: 12px;
}
.analyse_span0 {
	display: flex;
	font-size: 10px;
}
.analyse_span1 {
	color: darkblue;
	font-size: 10px;
	font-weight: 600;
}
.analyse_span2 {
	font-size: 10px;
}
.resultat {
	padding: 10px;
	font-size: 16px;
	color: darkblue;
	font-weight: 600;
}
/*****************DEBUT ANALYSE/ANALYSE.PHP*******************/

/*****************DENUT materiel.php*************************/
.div_container_articles {
	width: 100%;
	display: flex;
}
.container_gle2 {
	width: 100%;
	display: flex;
}
.aside_left_gle2 {
	width: 30%;
	margin-right: 3px;
	padding: 5px;
}
.aside_articles {
	width: 40%;
	margin-right: 3px;
}
.title_form_articles {
	background-color: #eee;
	border-top-right-radius: 18px;
	margin: 1px;
	padding: 10px;
}
.titre_h6_article {
	color: darkblue;
	font-weight: 600;
}
.head_articleA {
	padding: 5px;
}
.article_btn {
	margin: 10px 0 20px 0;
}
.article_h1,
.article_h2 {
	font-size: 10px;
}
.article_historiqueSpan1,
.article_historiqueSpan2 {
	padding: 2px 5px 2px 2px;
}
.article_historiqueSpan1:hover,
.article_historiqueSpan2:hover {
	background-color: #eee;
}
.article_fetch {
	margin-left: 10px;
	padding-left: 10px;
	border-left: 2px solid #fff;
}
.div_te_item_checkbox {
	width: 100%;
}
.type_intA {
	margin-left: 30p;
}
.leverBinput {
	margin: 0 10px;
}
.type_intervention1 {
	margin: 6px 0;
	display: flex;
}
.equipement_li {
	color: darkblue;
	font-feature-settings: 18px;
	padding: 3px 0;
	font-weight: 600;
}
/*****************FIN materiel.php*************************/
/****************Début materiel.php***************/
.container_materiel {
	width: 100%;
	display: flex;
}
.aside_left_materiel {
	width: 30%;
	margin-right: 1%;
}
/****************DEBUT ANALYSE/INTERVENANT.PHP************/
.container_analyse {
	width: 70%;
	margin: auto;
}
.container_analyse3 {
	padding: 5px;
}
.titre_analyse {
	padding: 10px;
}
.table_wrapper_analyse_form3 {
	margin: 5px 0;
}
.select_MEF label {
	height: 25px;
	line-height: 25px;
	margin-right: 10px;
}
.select_MEF select {
	height: 25px;
	line-height: 25px;
	margin-right: 10px;
}
.user_analyse_intervenant_user td {
	padding: 0 3px;
	background-color: #eee;
}
.container_std_user {
	width: 70%;
	margin: auto;
}
/****************DEBUT ANALYSE/INTERVENANT.PHP************/

/*********Début operations.php****************/
.statut_int2CAL {
	color: red;
	font-size: 11px;
	font-weight: 600;
}
.statut_int3CAL {
	color: darkblue;
	font-size: 11px;
	font-weight: 600;
}
/*********Fin operations.php****************/
/*********Début operationEdit.php****************/
.titre_operation {
	color: #fff;
	padding: 5px;
	width: 100%;
	display: block;
}
.titre_operation h6 {
	background-color: #333;
	color: #fff;
	padding: 5px;
	margin-bottom: 10px;
}
.MefBtnOp {
	margin: 5px 0 20px 0;
}
.contrat_c_row {
	width: 98%;
}
.contrat_c_row label {
	height: 25px;
	line-height: 25px;
}
.contrat_c_row select,
.contrat_c_row input {
	height: 25px;
	line-height: 25px;
	background-color: #eee;
	border-bottom: 1px solid black;
}
.contrat_c_row textarea {
	background-color: #eee;
	border-bottom: 1px solid black;
}
/*********Fin operationEdit.php****************/

/*********Début dashboard/operations.php***********************/
/****************DEBUT CONTAINER/DASHBOARD.PHP************/
.container_std_dash {
	width: 100%;
}
.table_div_dash tr {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
}
.dash_tr_contrat {
	background-color: lightgray;
}
.dash_tr_contrat th {
	color: #fff;
	background-color: lightgray;
}
.dash_container26 {
	width: 180px;
	height: 140px;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
	margin: 3px;
}
.taux_dash_head26 {
	color: red;
}
.dash_container26 {
	padding: 5px;
	border: 1px solid grey;
}
.taux_dash_head26 {
	padding: 2px 0;
}
.dash26 {
	font-size: 10px;
}
.head_dash_contrat26 {
	display: flex;
	margin: 0;
}

.dash26A {
	font-size: 9px;
	color: darkblue;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: stretch;
	padding: 0 3px;
}
.taux_dash100_label {
	color: darkblue;
	width: 1000px;
	padding-right: 3px;
	font-size: 10px;
	position: relative;
}
.taux_dash100_a {
	color: #333;
	display: block;
	font-size: 10px;
	font-weight: 600;
}
.dash26TR {
	font-size: 10px;
	margin: 3px 0;
	padding-left: 5px;
}
.span_g0 {
	width: 100%;
	display: flex;
	padding-left: 5px;
}
.span_g0 .span_g1 span,
.span_g0 .span_g2 span,
.span_g3 span,
.span_g4 span,
.span_g5 span {
	width: 5px;
	height: 20px;
	background-color: gray;
}
.span_g1,
.span_g2,
.span_g3,
.span_g4,
.span_g5 {
	width: 15px;
	margin-right: 1px;
	height: 15px;
	background-color: gray;
	border-radius: 2px;
}
.spanCadres_dash {
	display: flex;
	margin-left: 30px;
}
.spanCadre1B,
.spanCadre2B,
.spanCadre3B,
.spanCadreDepassementOp {
	text-align: center;
	padding: 1px 4px;
	font-size: 9px;
	color: #fff;
	height: 16px;
	line-height: 16px;
}
.spanCadre1B {
	background-color: teal;
	color: #fff;
}
.spanCadre2B {
	background-color: orangered;
	color: #fff;
}
.spanCadreDepassementOp {
	background-color: red;
	color: #fff;
}
.span_g1A,
.span_g2A,
.span_g3A,
.span_g4A,
.span_g5A {
	width: 15px;
	margin-right: 1px;
	height: 15px;
	background-color: orange;
	border-radius: 2px;
}

/****************FIN CONTAINER/DASHBOARD.PHP************/

/*********Fin dashboard/operations.php***********************/

/***********************Début usres*********************/
.container_secondaire_user {
	width: 80%;
	margin: auto;
	background-color: teal;
	color: #fff;
}
.content_tacheEdit {
	width: 100%;
}
.form_container_user {
	display: flex;
	background-color: #eee;
	width: 100%;
	padding: 0;
	border-radius: 4px;
	border: 1px solid grey;
}
.form_container_left {
	width: 59%;
	margin-right: 1%;
}
.form_container_right {
	width: 40%;
	padding: 10px;
}
user_article textarea {
	width: 50%;
}
.te_user_bloc {
	padding: 10px;
	margin: 10px 0;
	border-bottom: 2px solid black;
}
.tacheEdit_article {
	margin: 3px 0;
}
.user_item {
	width: 100%;
}
.user_item1,
.user_item1 label {
	color: darkblue;
	font-size: 13px;
	font-weight: 600;
	height: 24px;
	line-height: 24px;
}
.user_item2 span,
.user_item2 input,
.user_item2 select {
	font-size: 13px;
	height: 24px;
	line-height: 24px;
	background-color: #eee;
}
.btn_saveUser {
	width: 100%;
	display: flex;
}
.user_itemJours {
	width: 70%;
}
.user_item2 textarea {
	width: 60%;
}
.tacheEdit1_ArticleUser {
	color: white;
	font-weight: 500;
	margin-right: 3px;
}
.tacheEdit1_ArticleUserB {
	color: white;
}
.userColor {
	padding: 1px 3px;
	color: red;
	margin-top: 4px;
	background-color: white;
}
/*


.aside_tacheUser{

}
.right_tacheUser{
	width: 39%;
	padding: 10px;
}
.
/***********************Début usres*********************/

/********************Debut materiel.php************/
.article_historique1 a{
	text-align: center;
display: block;
}
.article_historique1:hover{
	transition: all .4s ease;
	background-color: lightgray;
}
/********************Fin materiel.php************/