.container_principal{
	position: absolute;
	top: 100px;
	width: 100%;
	overflow: scroll;
	height: 550px;
	padding: 0;
	margin: 0;
	background-color: #fff;
}
.lignevideIndex2{
	height: 1px;
	line-height: 1px;
}
.item11{
	color: darkblue;
	font-weight: 600;
}
td{
	padding: 4px;
}
.spanCadreDep {
	display: block;
	background-color: red;
	color: #fff;
}
.span1_Cadre1,
.span1_Cadre2,
.span1_Cadre3 {
	display: block;
	height: 100%;
	text-align: center;
	padding: 1px;
	color: #fff;
	width: 50%;
	margin: auto;
}
.span_Cadre1 {
	height: 100%;
	text-align: center;
	color: #fff;
	width: 50%;
	margin: auto;
}
.span1_Cadre1 {
	background-color: green;
	color: #fff;
	padding: 0 5px;
}
.span_Cadre1 {
	background-color: green;
	color: #fff;
	padding: 2px 5px;
}
.span1_Cadre2 {
	background-color: blue;
	color: #fff;
}
.span_Cadre2 {
	background-color: blue;
	color: #fff;
	padding: 2px 5px;
}
.span1_Cadre3 {
	background-color: black;
	color: #fff;
}
.span_Cadre3 {
	background-color: black;
	color: #fff;
	padding: 2px 5px;
}
.listeVide_tr td {
	font-size: 14px;
	color: red;
	font-weight: 600;
}
.ligneVide td span {
	font-size: 2px;
}
.select_MEF {
	background-color: #fff;
}
.select_MEF label {
	height: 28px;
	line-height: 28px;
	margin-right: 10px;
}

.select_MEF select {
	height: 28px;
	line-height: 28px;
	margin-right: 10px;
	border: transparent;
	border-bottom: 1px solid grey;
}
.spanCadres,
.spanCadre1A {
	text-align: center;
	display: block;
	justify-content: center;
}
.spanCadres,
.spanCadre1AZ {
	text-align: center;
	display: block;
	justify-content: center;
}
.tr_analyse td .spanCadre1A span {
	text-align: center;
	display: block;
	justify-content: center;
	width: 100%;
}
.spanCadre1AZ .spanCadre1Z,
.spanCadre1AZ .spanCadre2Z,
.spanCadre1AZ .spanCadre3Z {
	color: #fff;
	padding: 3px 7px;
}
.spanCadre1Z,
.spanCadre2Z,
.spanCadre3Z {
	display: flex;
	justify-content: center;
	text-align: center;
	color: #fff;
	padding: 0 4px;
}

.spanCadreDepassement {
	width: 20px;
	padding: 0;
	height: 20px;
	background-color: red;
	color: #fff;
}
.spanCadreDep {
	width: 20px;
	display: flex;
	justify-content: center;
}
.spanCadreDepassement2 {
	color: #fff;
	background-color: red;
	padding: 3px 4px;
}
.spanCadre1Z {
	background-color: green;
	color: #fff;
}
.spanCadre2Z {
	background-color: blue;
	color: #fff;
}
.spanCadre3Z {
	background-color: black;
	color: #fff;
}

.spanCadre1 {
	width: 20px;
	padding: 2px 5px;
	height: 20px;
	color: #fff;
	background-color: green;
}
.spanCadre2 {
	width: 20px;
	padding: 2px 5px;
	height: 20px;
	color: #fff;
	background-color: blue;
}
.spanCadre3 {
	width: 20px;
	padding: 2px 5px;
	height: 20px;
	background-color: black;
	color: #fff;
}
.colorWhite {
	color: white;
}
.error_div2 p {
	color: red;
}
.hidden {
	display: none;
}
.container_secondaire {
	margin: 0;
	padding: 0;
	z-index: 1;
}

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-size: 12px;
	color: #111;
	box-sizing: border-box;
}
.title_form {
	height: 40px;
	line-height: 40px;
	background-color: #000;
	margin-bottom: 10px;
}
.title_form h6 {
	color: #fff;
	font-weight: 600;
	line-height: 40px;
	padding-left: 10px;
	background-color: #000;
	font-size: 14px;
}
.div_std {
	margin-bottom: 5px;
}
.div_std label {
	margin-right: 10px;
	color: darkblue;
	font-weight: 700;
	border: transparent;
}
.div_std input,
.div_std select {
	border: transparent;
	border-bottom: 1px solid grey;
	height: 20px;
	padding: 0 2px;
}

.div_std textarea {
	border: transparent;
	border-bottom: 1px solid grey;
}

.div_std1 {
	margin-bottom: 10px;
	width: 98%;
}
.div_std1 label {
	margin-right: 10px;
	color: darkblue;
	font-weight: 700;
	border: transparent;
	width: 20%;
}
.div_std1 input,
.div_std1 select {
	border: transparent;
	border-bottom: 1px solid grey;
	height: 20px;
	padding: 0 2px;
	width: 65%;
}

.div_std1 textarea {
	border: transparent;
	border-bottom: 1px solid grey;
}

.redButton i {
	background-color: orangered;
}
.fa-trash {
	color: red;
}
.alignCenter {
	padding: 0;
	margin: 0;
}
.alignCenter a {
	display: block;
	text-align: center;
	padding: 0;
	margin: 0;
}
.div_btn_flexRow {
	display: flex;
	flex-direction: column;
	margin: 0 10px;
}
.div_btn_flexRow button,
.div_btn_flexRow a {
	margin-bottom: 10px;
}

.displayFlex {
	display: flex;
}
.statut_int2CAL {
	background-color: dodgerblue;
	display: block;
	font-size: 14x;
	padding: 2px;
	color: #fff;
}
.statut_int3CAL {
	background-color: green;
	display: block;
	color: #fff;
	font-size: 14x;
	padding: 2px;
}
.statut_int1CAL {
	background-color: orange;
	display: block;
	color: #fff;
	font-size: 14x;
	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;
}

.fontSize10px {
	font-size: 10px;
}
.orange {
	background-color: orange;
}
.grey {
	background-color: lightgray;
}
.red {
	background-color: red;
}
.yellow {
	background-color: yellow;
}
.green {
	background-color: green;
}
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;
}
/*************/
.table_wrapper,
.table_wrapper1 {
	z-index: 1;
	margin: 0;
	width: 100%;
	background-color: #fff;
}
.table_div {
	width: 100%;
}
.table_div table,
.table_div1 table {
	width: 100%;
}
.table_div th {
	padding: 2px 4px;
	position: sticky;
	top: 0;
	background-color: #0d0f0e;
	color: #fff;
	font-size: 12px;
	z-index: 1;
}
.table_div1 td {
	padding: 3px 2px;
	border: 1px solid gray;
}
.table_div1 th {
	padding: 2px 4px;
	background-color: #0d0f0e;
	color: #fff;
	font-size: 12px;
	z-index: 10;
}
.table_div td {
	padding: 3px 2px;
	font-size: 12px;
	border: 1px solid gray;
}

.container_flex2 {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: baseline;
	align-content: flex-start;
	width: 100%;
	position: relative;
}
.aside_left2 {
	width: 30%;
	margin-right: 1%;
	padding: 10px;
	border: 1px solid orange;
	border-radius: 10px;
	position: absolute;
}
.container_right2 {
	left: 31%;
	position: absolute;
	padding: 10px;
}
/*****Début pagination*****/
.container_std {
	position: relative;
	top: 0;
	width: 99%;
	margin: auto;
}
.container_title0 {
	position: relative;

	width: 100%;
	top: 0;
	margin: 0;
	padding-left: 20px;
	z-index: 0;
}
.container_title1 {
	width: 50%;
}
.container_title2 {
display: flex;
	flex-direction: row;

	width: 50%;
}
.container_search {
	width: 30%;
	position: relative;
	top: 0;
	left: 660px;
	z-index: 1;
}
.container_title2026 {
display: flex;
	z-index: 1;
	position: relative;
	top: -14px;
}
.titte_page2026, .total_articles2026{
	font-size: 14px;
	font-weight: 500;
	color: darkblue;
}
.search1 {
	width: 100%;
	padding: 0 0 0 10px;
	z-index: 1;
}
.search1 input[type="search"] {
	border: 0.01em solid grey;
	color: #333;
	padding: 13px;
	margin-left: 20px;
}
.search1 input:focus {
	padding: 3px;
	border: 0.01px solid green;
	color: #333;
}
.container_title1 {
	display: flex;
	z-index: 1000;
}
.search {
	width: 100%;
	padding: 0 0 0 10px;
}
.search22 {
	width: 40%;
	padding: 0 0 0 10px;
	color: black;
}
.search input[type="search"] {
	border: 0.01em solid grey;
	color: #333;
	padding: 13px;
	margin-left: 20px;
}
.search input:focus {
	padding: 3px;
	border: 0.01px solid green;
	color: #333;
}

.pagination_ajax {
	position: relative;
	top: -30px;
	width: 50%;
	z-index: 2000;
	background-color: #fff;
	padding: 0;
}

.pagination_ajax {
	position: relative;
	top: -30px;
	width: 50%;
	z-index: 2000;
	background-color: #fff;
	padding: 0;
}
.pagination_ajax ul {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: stretch;
		z-index: 2000;
}
.pagination_ajax2 ul {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: stretch;
		z-index: 2000;
}
.pagination_ajax ul li a {
	display: block;
	position: relative;
	font-size: 14px;
}
.pagination_ajax2 ul li a {
	display: block;
	position: relative;
	font-size: 14px;
}
.titte_page {
	width: 50%;
	font-size: 16px;
	font-weight: 500;
	margin-right: 4%;
}
.titte_page2 {
	width: 90%;
	font-size: 16px;
	font-weight: 700;
	margin-right: 4%;
	padding: 10px;
	display: flex;
}
.total_articles {
	font-size: 16px;
	font-weight: 500;

}
.total_articles2 {
	font-size: 16px;
	font-weight: 700;
	margin-right: 4%;
}
/*****FIN pagination*****/
/***********DEBUT articles.php***********************/
.div_container_articles{
	width: 100%;
	display: flex;
}
.article_left{
	width: 30%;
	margin-right: 8px;
}
.container_articles_right{
	width: 69%;
}
.article_item{
	margin: 2px 0;
}
.article_item label{
	color: darkblue;
	font-weight: 600;
	margin-right: 5px;
	height: 24px;
	line-height: 24px;
	width: 30%;
}
.article_item input, .article_item select{
	border: transparent;
	border-bottom: 1px solid grey;
		height: 24px;
	line-height: 24px;

} 
.article_item1A label{
	color: darkblue;
	font-weight: 600;
	margin-right: 5px;
	height: 24px;
	line-height: 24px;
}
.article_item1A{
	margin: 3px 0;
}
.container_articles2{
padding: 10px;
}
.titre_site_articles1, .titre_site_articles2{
	display: block;
	margin-bottom: 3px;
	padding: 3px;
	padding: 5px;
	background-color: lightgray;
}
/***********FIN articles.php***********************/

/******Debut articles.php*****/
.section1_gle {
	width: 100%;
	padding: 5px 10px;
}
.section1_gle label {
	color: darkblue;
	font-weight: 600;
	width: 25%;
}
.section1_gle input,
.section1_gle select {
	width: 70%;
	padding: 0 2px;
}
.article_content {
	width: 100%;
	display: flex;
}
.div_btn_std button,
.div_btn_std a {
	margin: 5px;
}
/******Debut articles.php*****/
.head_article27A,
.head_article27B,
.head_article27C {
	width: 30%;
	padding: 10px 20px;
}

/******Début analyse.php*****/
.section_aside_analyse {
	display: flex;
	width: 100%;
}
.aside_analyse1,
.aside_analyse2 {
	width: 50%;
}
.inf_select_span {
	width: 100%;
}
.inf_select_span > .inf_select_span1 {
	color: darkblue;
	font-weight: 600;
	font-size: 12px;
	height: 24px;
	line-height: 24px;
	margin-right: 3px;
}
.inf_select_span > .inf_select_span2 {
	color: #333;
	padding: 0 3px;
	font-size: 12px;
	height: 24px;
	line-height: 24px;
}
.inf_select_filtre {
}
.inf_select_filtre label {
	width: 70px;
	color: darkblue;
	font-weight: 600;
	font-size: 12px;
	height: 24px;
	line-height: 24px;
	margin-right: 3px;
}
.inf_select_filtre input,
.inf_select_filtre select {
	background-color: transparent;
	border: 1px solid transparent;
	border-bottom: 1px solid grey;
	color: #333;
	padding: 0 3px;
	font-size: 12px;
	height: 28px;
	line-height: 28px;
}
.analyse_span0 {
	font-size: 10px;
display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
}
.analyse_span1 {
		font-size: 10px;
	color: darkblue;
	font-weight: 600;
	margin-right: 2px;
}
.analyse_span2 {
		font-size: 10px;
}
/******Début analyse.php*****/
/******Début analyse/articles.php*****/

.head_articleA {
	border: 1px solid grey;
	width: 100%;
	padding: 10px;
	margin: auto;
	background-color: #fff;
	z-index: 10;
}
.article_btn{
	padding: 5px 0;
}
.container_articles {
	width: 100%;
	top: 200px;
	margin: 0;
	padding: 10px;
	display: flex;

	z-index: 3;
	background-color: #fff;
}
.aside_left_std {
	position: relative;
	width: 20%;
	margin-right: 1%;
	padding: 10px;
	border: 1px solid orange;
	border-radius: 10px;
}
.aside_left ul {
	margin: 0;
	padding: 0;
}
.aside_left ul li {
	margin: 0;
}
.aside_left ul li a {
	background-color: blue;
	margin: 0;
}

/******Fin analyse/articles.php*****/
/*********************************************/
.titre1_pld {
	color: darkblue;
	font-weight: 500;
	font-size: 12px;
}
.cadTitre2 {
	color: #333;
	font-size: 12px;
}
.titre_analyse {
	padding: 3px;
	color: darkblue;
	font-weight: 600;
}
.analyse_region_tr {
	background-color: orange;
}
.analyse_annee_tr td {
	color: royalblue;
	font-weight: 700;
	padding-left: 10px;
}
.container_analyse3 {
	width: 90%;
	margin: auto;
	background-color: #fff;
}
.analyse_nb_tr a {
	display: block;
	text-align: center;
}
.analyse_nb_tr > .analyse_statut_tr {
	padding-left: 10px;
	font-weight: 400;
}
.user_analyse_intervenant_user td {
	color: darkblue;
	font-weight: 600;
	padding-left: 5px;
}
.user_analyse_intervenant_td td {
	border: 1px solid grey;
	color: blue;
}
.analyse_nb_tr a:hover {
	background-color: lightgray;
	transition: all 0.4s ease-in;
}
.table_wrapper_analyse_form3 {
	width: 100%;
	margin: 10px;
	display: flex;
}
.analyse_user_select_planning31 {
	margin: 2px;
	height: 20px;
	line-height: 20px;
}
.analyse_user_select_planning31 label {
	margin-right: 10px;
	height: 20px;
	line-height: 20px;
}
.analyse_user_select_planning31 select {
	margin-right: 10px;
	height: 20px;
	line-height: 20px;
}
.analyse_annee_tr2 span {
	color: blue;
	padding-left: 5px;
	font-weight: 600;
}
/*********************************************/
/*****Début index.php******/
.nb_ind4{
margin-bottom: 10px;
}
.nb_ind4B{
display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
	border-bottom: 1px solid grey;
	margin-bottom: 1px;
	height: 26px;
	line-height: 26px;
}
.nb_ind41{
	width: 24%;
	font-weight: 600;
	color: darkblue;
	display: block;
}

.nb_ind42T{
		font-weight: 700;
	color: red;
display: block;
	text-align: center;
}
.nb_ind42B{
		font-weight: 600;
	color: darkblue;
	display: block;
	text-align: center;
}
.index_synthese li{
	margin-bottom: 15px;
}
.nb_ind42{
	width: 20%;
padding: 0 2px;

}
.nb_ind42 a{
	display: block;
	text-align: center;
}
.nb_ind42Taux{
	display: block;
	text-align: right;
}
.nb_ind42 a:hover{
	border-bottom: 1px solid red;
	transition: all .5s ease;
}
.dash_tr_contrat {
	/*	background-color: dodgerblue;*/

	background-color: lightgray;
}
.dash_th_a {
	color: darkblue;
	font-weight: 600;
}
.analyse_index_client0 {
	padding: 10px 10px 30px 10px;
	width: 100%;
	background-color: #f5f5f5;
}
.analyse_index_client1 {
	background-color: #333;
	padding: 10px;
	display: flex;
	margin-top: 10px;
}
.analyse_index_client1 a {
	color: #fff;
}
.analyse_index_client2 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
}
.analyse_index_client3 {
	border: 1px solid red;
	padding: 5px;
	width: 160px;
	font-size: 10px;
	min-height: 170px;
	display: flex;
	flex-direction: column;
	margin: 3px;
}
.table_div_dash th {
	height: 20px;
	padding: 5px;
	/*		background-color: #008080;*/
	color: darkblue;
	font-weight: 600;
}
.table_div_dash th a {
	height: 20px;
	padding: 5px;
	color: #fff;
}
.dash_tr_contrat td {
	margin-bottom: 10px;
}
.dash_tr_contrat td a {
	padding: 10px;
	color: #fff;
}
.analyse_index_client3:hover {
	border: 1px solid green;
}
.container_index_principal100 {
	width: 100%;
	display: flex;
}
.aside_index100 {
	width: 30%;
	margin-right: 3px;
	height: 700px;
	padding: 10px 3px 30px 10px;

}
.analyse_index_head {
}
.analyse_index_head a:hover {
	color: red;
}
.taux_index1 a:hover,
.taux_index2 a:hover,
.taux_index3 a:hover,
.taux_index4 a:hover {
	color: red;
}
.container_index_right100 {
	left: 30%;
	position: absolute;
	width: 69%;
	margin: 0 0 0 10px;

}
.aside_index1A {
	border: 1px solid orange;
	background-color: lightgray;
	margin-bottom: 20px;
	padding: 5px;
}
.ref_contrat_index {
	color: red;
	font-weight: 500;
}
.container_index1_a {
	position: relative;
	width: 90%;
	margin: 0;
	padding: 0;
}
.container_index1_b{
	position: relative;
	width: 90%;
	margin: 0;
	padding: 0;
}
.container_index1_c {
	position: relative;
	width: 90%;
	margin: 0;
	padding: 0;
}
.index_titre_tr td {
	font-weight: 600;
	color: #fff;
	padding: 2px 0 2px 10px;
	font-size: 16px;
	background-color: #6F7883;
}

.index_titre_tr_a td, .index_titre_tr_b td, .index_titre_tr_c td{
		color: #fff;
}
.index_titre_tr_a {
	font-weight: 600;

	padding: 2px 0 2px 10px;
	font-size: 16px;
	background-color: red;
}
.index_titre_tr_b {
	font-weight: 600;
	color: #fff;
	padding: 2px 0 2px 10px;
	font-size: 16px;
	background-color: orange;
}
.index_titre_tr_c {
	font-weight: 600;
	color: #fff;
	padding: 2px 0 2px 10px;
	font-size: 16px;
	background-color: dodgerblue;
}



.table_wrapper_index1_a {
	width: 100%;
}
.table_div_index1_a table {
	width: 100%;
}
.table_div_index1_a th {
	background-color: #000;
	color: #fff;
	position: sticky;
	top: 0;
}
.table_div_index1_a td {
	border: 1px solid grey;
	padding: 3px 2px;
}
.card2 {
	padding: 2px;
}
.card5 {
	padding: 2px;
	background-color: lightgray;
}
.card2 a {
	width: 100%;
	border-left: 2px solid #fff;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: stretch;
	color: darkblue;
	padding: 4px 0 4px 10px;
	font-size: 12px;
	font-weight: 500;
}
.card2:hover {
	background-color: #fff;
	cursor: pointer;
	transition: all 0.4s ease;
}
.table_div_index1_a {
	margin-bottom: 20px;
}
.card-title2 {
	font-weight: 500;
}
.aside_index_client0A {
	margin-bottom: 10px;
	border-bottom: 1px solid gray;
	padding: 5px;
	border: 1px solid #fff;
	background-color: #fff;
}
.aside_index_client1A {
	font-size: 12px;
	color: darkblue;
	font-weight: 600;
}
.aside_index_client0B {
	border-left: 3px solid orange;
	padding: 1px 0 5px 5px;
	margin-bottom: 5px;
}
.alertDanger {
	color: red;
	font-weight: 600;
	padding: 3px 5px;
}
.span_g0 {
	margin: 3px 0;
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: stretch;
}
.span_g0 .span_g1 span,
.span_g0 .span_g2 span,
.span_g3 span,
.span_g4 span,
.span_g5 span {
	width: 5px;
	height: 15px;
	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;
}
.span_g1A,
.span_g2A,
.span_g3A,
.span_g4A,
.span_g5A {
	width: 15px;
	margin-right: 1px;
	height: 15px;
	background-color: orange;
	border-radius: 2px;
}
.taux_index,
.taux_index a {
	max-width: 4px 0;
	font-size: 10px;
	padding: 0;
}
.taux_index a {
	color: darkblue;
}
li .aside_statut {
	margin-left: 50px;
}

.nb_index a {
	display: block;
	text-align: center;
	font-size: 12px;
	background-color: #fff;
}
.nb_indexTotal {
	display: block;
	text-align: center;
	font-size: 12px;
	background-color: lightgray;
	color: #fff;
}
.sansdate {
	width: 60px;
	background-color: red;
}
.nb_indexT a {
	display: block;
	text-align: center;
	font-size: 12px;
	color: #fff;
}
.index_tr1_total {
	background-color: #333;
	color: #fff;
}
.span_total_index span {
	color: #fff;
	background-color: #333;
}
.index_tr1_a > .index_tr1_a1 {
	background-color: lightgray;
	padding: 3px 4px;
	color: darkblue;
	font-weight: 600;
}
/*
.index_titre{
	background-color: darkgray;
	padding: 3px 0 3px 3px;
}
.container_index_principal{
	width: 100%;
	display: flex;
	background-color: orange;
}


.card-title2{
font-size: 12px;
	font-weight: 500;
	color: darkblue;
}
.aside_index{
	background-color: lightgrey;
	width: 25%;
	left: 0;

}
.aside_index1{
	width: 30%;
}
.aside_index1{
	padding: 10px;
	margin-bottom: 5px;
}
.aside_index2{
	padding: 10px;
	margin-bottom: 5px;
}
.aside_index3{
	padding: 10px;
	margin-bottom: 5px;
	background-color: blue;
}
.container_index_right{

	background-color: #fff;
	width: 100%;

}



/*
.container_index_head{
	width: 90%;
display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: stretch;
padding: 10px;
		margin: 10px;
}
.container_index_head2{
	width: 80%;
display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: stretch;
padding: 10px;
border: 1px solid orange;
		margin: 10px auto;
	border-radius: 10px;
}

	.card3{
	font-size: 16px;
		margin: 10px 20px;
	}
.card3 a{
	font-size: 10px;
}
.card_text3{
	padding-right: 10px;
		height: 30px;
	line-height: 30px;
	font-size: 16px;
}
.container_index0{
	width: 80%;
	margin: auto;
}


.region_index{
	color: blue;
	padding-left: 5px;
}
.IndexMois{
	min-width: 50px;
	padding: 2px;
}


.container_index0_a{
	width: 100%;
	margin: auto;
}


.card_index{
	width: 20%;
	margin: 0;
	padding: 0;
	font-weight: 400;
}
.cardBody{
	text-align: center;
}
.cardContent{
	width: 25%;
	margin: 0 10px;
}
.card_index1{
	width: 30%;
	margin: 0;
	padding: 0;
	font-weight: 400;
}
.btn_index2{
			height: 30px;
	line-height: 30px;
	font-size: 14px;
}



.span_total_index span{
	color: #fff;
	font-weight: 500;
	padding-left: 10px;
}
/*
.aside_a{
	display: flex;
}
.aside_li{
	background-color: lightgray;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
li .aside_statut{
	margin-left: 40px;

}



.container_index0{
	position: relative;
	background-color: #fff;
	display: flex;
	width:98%;
	margin: 0 auto;
}

.container_index1{
	position: fixed;
	height: 600px;
	overflow: auto;
	width: 20%;
	border: 1px solid orangered;
	padding: 10px 3px 60px 3px;
margin: 0 1% 20px 0;
}
.container_index_right{
left: 21%;
	position: absolute;
	background-color: #fff;
}

.container_index1_ul1 li{
	padding: 2px;
}


.index_tr1_b>.index_tr1_b1{
	padding: 0 4px;
}

.index_tr1_b>.index_tr1_b2{
		padding: 0 4px;
min-width: 30px;
}

.container_index1_ul2 li a{
	padding-left: 4px;
	display: block;
}
.container_index1_li1{
	border-left: 2px solid grey;
	margin-bottom: 20px;
}
.aside_client{
	color: darkblue;
	font-weight: 600;
	padding: 5px 0;
}

.taux_index{
	font-size: 12px;


}


.table_div_index1A{
	margin-bottom: 30px;
}
.table_div_index1A{
	border: 1px solid grey;
}
.table_div_index1A th{
	border: 1px solid grey;
	position: sticky;
	top: 100px;
		padding: 0 0 0 3px;
		background-color: #333;
	color: #fff;
	font-size: 10px;
		background-color: red;
}
.table_div_index1A td{
	border: 1px solid grey;
font-size:12px;
padding: 3px 2px;
}
.table_div_index2{
	margin-bottom: 20px;
}
.table_div_index2{
	border: 1px solid grey;
}
.table_div_index2 th{
	border: 1px solid grey;
		padding: 0 0 0 3px;
	background-color: #333;
	color: #fff;
	font-size:12px;
		position: sticky;
	top: 100px;

}
.table_div_index2 td{
	border: 1px solid grey;
padding: 3px 2px;
font-size:12px;
}
*/
/*****Fin index.php******/
/*****Début Activité/historique.php******/
.hist_departement td {
	background-color: grey;
	padding: 5px;
	font-weight: 600;
	color: #fff;
}
.hist_site {
	color: darkblue;
	font-weight: 700;
	padding-left: 10px;
}
.container_historique0 {
	width: 100%;
	display: flex;
	position: absolute;
}
.aside_historique {
	padding: 10px;
	position: relative;
	width: 20%;
}
.right_historique {
	padding: 10px;
	position: relative;
	width: 80%;
}
.right_historique1 {
	margin-bottom: 20px;
}
/*****Fin Activité/historique.php******/

/*****Début articles.php*****/
.container_form {
	padding: 10px;
	width: 100%;
	display: flex;
}

.container_flex {
	width: 100%;
	position: absolute;
	display: flex;
}
.aside_left {
	position: relative;
	width: 30%;
	padding: 10px;
	border: 1px solid orange;
	border-radius: 10px;
	margin-right: 1%;
}
.container_right {
	width: 50%;
	position: relative;
}
.div_right {
	padding: 10px;
}
.titre {
	color: darkblue;
	padding: 5px 0;
	margin-bottom: 10px;
}
/*****Fin articles.php*****/
.div_site input {
	width: 70%;
}
.div_site_ville,
.div_site_client,
.div_site_region {
	margin: 10px 0;
}
.div_site_ville select,
.div_site_client select,
.div_site_region select {
	width: 40%;
}
.div_site_ville label,
.div_site_client label,
.div_site_region label {
	width: 20%;
}
/*****Début tacheEdit.php*****/
.techeEditBtn{
	padding: 5px 0;
	margin-bottom: 5px;
}
.post_instruction span {
	color: red;
	font-weight: 600;
}
.form_te {
	margin-top: 10px;
	background-color: #fff;
	display: flex;
}
.tache_edit_btn100 {
	width: 30px;
	margin-right: 10px;
	display: flex;
	flex-direction: column;
	background-color: lightgray;
}
.titre_tache2 {
	width: 100%;
	background-color: #333;
	padding: 5px 2px;
	margin-bottom: 20px;
	color: red;
}
.titre_tache2 h6 {
	width: 100%;
	color: #fff;
	padding: 5px;
}
.tache_edit_btn100 button,
.tache_edit_btn100 a {
	padding: 4px;
	margin-bottom: 10px;
}
.div_te_article {
	width: 98%;
	margin-bottom: 5px;
}
.div_te_article label {
	color: darkblue;
	font-weight: 600;
	padding: 0 3px;
	margin-right: 10px;
}
.div_te_article select,
.div_te_article input {
	border: 1px solid transparent;
	border-bottom: 1px solid grey;
	padding: 0 3px;
	width: max-content;
}
.div_site {
	margin: 10px 0;
}
.div_site select {
	width: 60%;
	margin-right: 30px;
	height: 24px;
	line-height: 24px;
}
.div_site label {
	height: 24px;
	line-height: 24px;
}
.div_te_int {
	width: 90%;
}
.tache_section_affectations2 {
	margin: 20px 0;
}
.div_std_article select {
	width: 70%;
	border: transparent;
	border-bottom: 1px solid grey;
}
.div_std_1 {
	margin: 15px 0;
}
.lever1 {
	margin-top: 10px;
	color: darkblue;
	font-weight: 600;
}
.lever2,
.lever3 {
	padding-left: 20px;
}

.article_tacheEdit {
	margin: 20px 0;
}
.titre_tache {
	color: red;
	font-weight: 600;
}
container_tacheEdit_form0 {
	width: 100%;
	display: flex;
	flex-direction: column;
}
.container_tacheEdit_form {
	width: 100%;
	display: flex;
}
.container_tacheEdit_form1 {
	padding: 10px;
	border: 1px solid orange;
	border-radius: 10px;
	width: 30%;
	margin-right: 1%;
}
.tacheEdit_container_right {
	width: 69%;
}
.tacheEdit_container_1 {
	border-bottom: 1px solid red;
	padding: 5px 5px 5px 5px;
	margin-bottom: 5px;
	background-color: lightgray;
}
.titre_planning0 {
	color: blue;
	font-size: 12px;
	font-weight: 600;
	padding-bottom: 10px;
}
.tacheEdit_section1 {
	margin-bottom: 5px;
}
.tacheEdit_section1 span {
	color: darkblue;
	font-weight: 600;
	margin-right: 10px;
	font-size: 12px;
}
.tache_section_affectations_form00 {
	display: flex;
	width: 80%;
	margin: 10px 0;
	height: 40px;
	line-height: 40px;
}
.article_fetch {
	border-left: 2px solid red;
	display: flex;
	margin: 0 10px 20px 0;
	padding: 5px 0 10px 4px;
	flex-direction: column;
}
.article_fetch li {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
}
.article_fetch1 {
	font-weight: 600;
	color: darkblue;
	margin-right: 3px;
}
.article_fetch2 {
	color: #000;
}
.colorRed {
	color: #fff;
	padding: 4px 10px;
	background-color: red;
}
.tacheEdit_flex {
	margin: 0 0 8px 0;
}
.colorGreen {
	color: #fff;
	padding: 4px 10px;
	background-color: cadetblue;
}
.liste_images {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	align-content: stretch;
	padding: 5px;
}
.image_card {
	width: 43%;
	height: 150px;
	margin: 10px;
	border: 1px solid grey;
	padding: 2px;
}
.image_card img {
	width: 100%;
	height: 100px;
}
.image_footer {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	align-content: stretch;
	margin-top: 10px;
	width: 100%;
}
.head_pagination_titre h6 {
	padding: 5px 0;
	font-weight: 600;
	color: darkblue;
	margin-bottom: 4px;
}
signature-container {
	display: flex;
	flex-direction: column;
	align-items: center;
}

canvas {
	border: 2px solid #000;
	background-color: #fff;
}

.tache_edit_btn {
	display: flex;
	margin-bottom: 10px;
}
.tache_edit_btn2 {
	display: flex;
	margin-bottom: 20px;
}
.tache_edit_btn button,
.tache_edit_btn a {
	margin-right: 20px;
}
.tache_edit_btn a {
	height: 30px;
	bottom: 0;
}
.tache_section_affectations_form {
	background-color: #333;
	padding: 10px;
	margin-bottom: 10px;
}

.type_intervention1 {
	color: darkblue;
	font-weight: 600;
	display: block;
	margin-bottom: 10px;
}
.div_std_article {
	margin: 10px 0;
}
.div_std_article label {
	color: darkblue;
	font-weight: 600;
	margin-right: 10px;
}

.tacheEdit_container_3 {
	margin: 30x 0;
	background-color: #fff;
}
.PL_file_images2 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: flex-start;
}
.PL_images {
	width: 45%;
	margin: 2%;
	height: 180px;
	border: 1px solid grey;
	position: relative;
}
.PL_images img {
	width: 100%;
	height: 60%;
	padding: 2px;
}
.PL_images2 {
	position: absolute;
	bottom: 0;
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: flex-start;
	padding: 2px 5px;
	font-weight: 500;
	background-color: lightgray;
}
/*****Fin tacheEdit.php*****/

/******************************Début contratEdit.php*************************/
.container_contratEdit2 {
	width: 98%;
	display: flex;
	position: relative;
}
.contratEdit_left2 {
	width: 40%;
	padding: 10px;
	position: absolute;
	border: 1px solid orange;
}
.contratEdit_right2 {
	position: absolute;
	left: 41%;
	width: 60%;
	padding: 10px;
}
.btn_contrat_edit {
	padding: 10px 0;
}
/******************************Fin contratEdit.php*************************/
/******Début matrice.php*****/
.container_matrice {
	width: 80%;
	margin: auto;
}
/******Début matrice.php*****/
.tache_filtre {
	height: 30px;
	display: flex;
	line-height: 30px;
	margin-bottom: 10px;
}
.btn_1 {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: stretch;
	height: 20px;
	line-height: 20px;
}
.tache_filtre button,
.tache_filtre a {
	margin: 0 20px;
}
.container_cadencier {
	width: 95%;
	margin: auto;
}
.cadencierMois td {
	padding: 0;
	background-color: darkgrey;
}
.cadencierJour {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: flex-start;
	width: 100%;
	padding: 0 0 5px 20px;
	color: red;
	font-weight: 600;
}
.cadencierSpan2 {
	width: 150px;
	height: 130px;
	overflow: auto;
	margin: 0 10px 10px 0;
	display: flex;
	flex-direction: column;
	color: #fff;
}
.cadencierSpan_tr {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
}
.cadencierSpan {
	width: 13%;
	height: 200px;
	overflow: auto;
	margin: 0 10px 10px 0;
	display: flex;
	flex-direction: column;
}
.cadencierSpan a {
	text-decoration: none;
	color: #000;
}
.cadTitre0 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
	margin-bottom: 3px;
}
.cadencierSpan a:hover {
	background-color: darkgrey;
	transition: all 0.4s ease;
}
.cadencierSpan span {
	font-size: 10px;
}
.cadSpan1 {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: stretch;
	background-color: lightgray;
	padding: 2px;
}
.cadSpan1 span {
	font-weight: 500;
	color: #333;
	font-size: 12px;
	padding: 1px;
}
.cadTitre1 {
	color: darkblue;
	font-weight: 400;
	font-size: 10px;
	padding-bottom: 2px;
}
.cadTitre2 {
	color: #333;
	font-size: 10px;
	padding-bottom: 2px;
}
.cadTitre0Textarea {
	padding: 1px;
	text-align: justify;
}
.analyse_annee_th2 {
	background-color: lightgray;
}
.analyse_annee_th2 .titre1 {
	color: #222;
}
/******************Début planningEdit.php**************************/
.form_pe {
	background-color: #fff;
	display: flex;
}
.planningEdit_left_btn {
	width: 30px;
	display: flex;
	flex-direction: column;
}
.planningEdit_left_btn button,
.planningEdit_left_btna {
	margin: 10px;
}
.planningEdit_left_btn {
	margin-bottom: 10px;
}
.container_planningEdit {
	width: 100%;
	display: flex;
	position: relative;
}
.planningEdit_left_section2 {
	width: 100%;
}
.aside_left_planning {
	position: absolute;
	width: 30%;
	padding: 10px;
	border: 1px solid orange;
	margin-right: 1%;
}
.planningEdit_right {
	left: 31%;
	position: absolute;
	background-color: #fff;
}
.planningEdit_left_titre h6 {
	font-weight: 700;
	color: darkblue;
	appearance: 10px;
}
.planningEdit_left_client1 {
	margin-top: 20px;
}
.planningEdit_left_client1 span {
	color: darkblue;
	font-weight: 700;
}
.planningEdit_left_client1 select {
	width: 70%;
}
.planningEdit_left_client1 span {
	width: 20%;
	color: darkblue;
	font-weight: 600;
}
.planningEdit_left_ref {
	margin: 10px 0;
}
.planningEdit_left_ref label {
	width: 20%;
	color: darkblue;
	font-weight: 600;
}
.planningEdit_left_ref input {
	width: 70%;
}
.planningEdit_left_date {
	width: 98%;
}
.planningEdit_left_date label {
	width: 20%;
	color: darkblue;
	font-weight: 600;
}
.planningEdit_left_date input {
	width: 40%;
}
.planningEdit_left_statut {
	margin: 20px 0;
}
.lever_pe {
	margin: 5px 0;
	padding-left: 20px;
}
.planningEdit_left_client4 {
	width: 98%;
}
.planningEdit_container_right_head {
	margin: 10px 0;
}
.planningEdit_container_right_head h6 {
	padding: 10px;
	color: darkblue;
	font-weight: 600;
	font-size: 15px;
}
.planningEdit_left_contrat4 {
	border-left: 2px solid orange;
	padding: 5px;
}
.head_PE {
	display: block;
}
/******************Fin planningEdit.php**************************/

/***************Début analyse/php*****************/
.aside_analyse_globale {
	background-color: lightgray;
	padding: 10px;
}
.section_analyse_globale {
	width: 98%;
	margin: 20px auto;
}

.table_wrapper_analyse_globale {
	z-index: 1;
	margin: 0;
	width: 100%;
	background-color: #fff;
}
.table_div_analyse_globale {
	width: 100%;
}
.table_div_analyse_globale table {
	width: 100%;
}
.table_div_analyse_globale th {
	padding: 2px 4px;
	position: sticky;
	top: 0;
	background-color: #0d0f0e;
	color: #fff;
	font-size: 12px;
	z-index: 1;
}
.table_div_analyse_globale td {
	padding: 3px 2px;
	border: 1px solid gray;
}
.content_analyse2 {
	width: 180px;
	margin: 3px;
	padding: 0;
	font-size: 9px;
	transition: all 0.6s ease-in-out;

}
.content_analyse2:hover {
	background-color: lightgray;
	transition: all 0.6s ease-in-out;
}
.tr_content_analyse {
display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
}
.content_analyse_header {
	background-color: lightgray;
	padding: 4px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: stretch;
}
.content_analyse2:hover > .content_analyse_header {
	background-color: grey;
	color: #fff;
}
.content_analyse_span_id {
	color: darkblue;
	font-weight: 600;
}
.content_analyse {
position: relative;
	padding:0;
	background-color: blue;
	width: 250px;


}
.label_analyse {
	width: 90px;
	color: darkblue;
	border: 1px solid transparent;
	font-size: 10px;
}
.analyse_filtre_select1 label,
.analyse_filtre_select2 label {
	width: 90px;
	color: darkblue;
	font-size: 10px;

}
.analyse_filtre_select1 select,
.analyse_filtre_select2 select,
.analyse_filtre_select2 input {
	border: 1px solid transparent;
	border-bottom: 1px solid grey;
	background-color: transparent;
		font-size: 10px;
}
/***************Fin analyse/php*****************/
@media screen and (max-width: 600px) {
	.container_index_principal100 {
		width: 150%;
		margin: 0;
		flex-direction: column;
	}
	.sansdate {
	width: 60px;

}
	
	.aside_index100 {
		width: 65%;
		z-index: 10;
		margin-right: 0;
		position: relative;
		height: auto;
		overflow: auto;
		padding: 10px 0 10px 10px;
		background-color: #fff;
	}
	.container_index_right100 {
		left: 0;
		position: relative;
width: 900px;
		margin: 0;
	}
	.container_planningEdit {
		width: 200%;
		display: flex;

		position: relative;
	}
	.aside_left_planning {
		position: absolute;
		width: 40%;
		padding: 10px;
		border: 1px solid orange;

	}
	.planningEdit_right {
		left: 41%;
		position: absolute;
		background-color: #fff;
	}
	.container_std {
		position: relative;
		top: 0;
		width: 9%;
		margin: auto;
	}
	.container_cadencier {
		width: 98%;
		margin: 30px auto;
	}
	.container_principal {
		position: relative;
		top: 150px;
		width: 100%;

		padding: 0;
		margin: 0;
		background-color: #fff;
	}
	/****/
	.head_article {
		border: 1px solid grey;
		width: 250%;
		padding: 10px;
		margin: auto;
		background-color: #fff;
		z-index: 10;
	}
	.container_flex2 {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: baseline;
		align-content: flex-start;
		width: 200%;
		position: relative;
	}
	.aside_left2 {
		width: 36%;
		margin-right: 1%;
		padding: 10px;
		border: 1px solid orange;
		border-radius: 10px;
		position: absolute;
	}
	.container_index1_a {
		width: 98%;
		margin: 0 auto;
		padding: 0 5px;
	}
	.container_right2 {
		left: 37%;
		position: absolute;
		padding: 10px;
	}
	.container_tacheEdit_form {
		position: absolute;
		width: 200%;
		display: flex;
	}
	.container_tacheEdit_form1 {
		position: relative;
		padding: 10px;
		border: 1px solid orange;
		border-radius: 10px;
		width: 50%;
		margin-right: 1%;
	}
	.container_index0 {
		position: relative;
		background-color: #fff;
		display: flex;
		width: 200%;
		margin: 0;
	}
	.container_index1 {
		width: 25%;
		border: 1px solid orangered;
		padding: 10px;
		margin-right: 1%;
	}
	.container_index_right {
		background-color: #fff;
	}

	/*****Début Activité/historique.php******/
	.container_historique0 {
		width: 200%;
		display: flex;
		position: absolute;
	}
	.aside_historique {
		padding: 10px;
		position: relative;
		width: 30%;
	}
	.right_historique {
		padding: 10px;
		position: relative;
		width: 60%;
	}

	/*****Fin Activité/historique.php******/
	.container_search {
		width: 90%;
		position: relative;
		top: 0;
		left: 0;
		margin-bottom: 1px;
		z-index: 10;

	}
	.pagination_ajax {
		position: relative;
		top: 0;
		left: 0;
	width: 80%;
margin: 10px 0;
	z-index: 200;
	background-color: #fff;
	padding: 0;
}
	.container_search1 {
		width: 40%;
		z-index: 10;
	}
	.container_search1A {
		position: relative;
		width: 40%;
		z-index: 10;
	}
	.search {
		width: 100%;
		padding: 0 2px;
	}
	.search1 {
		width: 50%;
		padding: 0;
	}
	.search22 {
		width: 40%;
		padding: 0 0 0 10px;
		color: black;
	}
	.search input[type="search"] {
		border: 0.01em solid grey;
		color: #333;
		padding: 13px;
		margin-left: 20px;
	}
	.container_title0 {
		position: relative;
		display: flex;
		flex-direction: column;
		width: 100%;
		top: 0px;
		margin: 0;
		padding-left: 20px;
	}
	.container_std {
		position: relative;
		top: 0px;
		width: 99%;
		margin: auto;
	}
	/*****Début index.php*****/

	/*
	.aside_index1{
		margin-top: 10px;
	padding: 5px;
	margin-bottom: 2px;
}
.aside_index2{
	padding: 5px;
	margin-bottom: 2px;
}
	.aside_index3{
	padding: 5px;
	margin-bottom: 2px;
}
	.aside_index_client0vvv{
		margin-bottom: 10px;
		background-color: yellow;
	}
.container_index_principal{
	width: 100%;
display: flex;

	background-color: green;
	padding: 10px;
}
	.table_div_index1_a{
	width: 150%;
}
	.aside_index{
	background-color: lightgrey;

}
.container_index_right{

	width: 100%;
margin: 0;
	background-color: #fff;

}

	.card2 a{
	width: 100%;
	border-left: 2px solid #fff;
display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: stretch;
color: darkblue;
	padding: 4px ;
		font-size: 14px;
	font-weight: 400;
}
	.card-title2{
		margin-right: 10px;
	}
	*/
	/*****Fin index.php*****/
	.container_contratEdit {
		padding: 0 10px;
	}
}