.container_principal{
position: relative;
	top: 110px;
width: auto;
overflow: scroll;
	height: 550px;
	padding:   0 0 20px 0;
	margin:  0;
	background-color: #fff;
}
.hidden{
	display: none;
}
.container_secondaire{
margin: 0;
	padding: 0;
}

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;
	width: max-content;
	padding: 0 2px;
}
.div_std 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:12px;padding:2px;color: #fff;}
.statut_int3CAL{background-color:green;display:block;color: #fff;font-size:12px;padding: 2px;}
.statut_int1CAL{background-color:orange;display:block;color:#fff;font-size:12px;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;}
.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 ;
	background-color: #fff;
}
.table_div {

}
.table_div table, .table_div1 table {
width: 100%;

}
.table_div th {
padding: 2px 4px;
	position: sticky;
	top: 0;
	background-color: darkcyan;
	color: #fff;
	font-size: 11px;
	z-index: 1;
}
.table_div1 td {
padding: 2px;
	border: 1px solid gray;
}
.table_div1 th {
padding: 2px 4px;
	background-color: darkcyan;
	color: #fff;
	font-size: 10px;
	z-index: 10;
}
.table_div td {
padding: 2px;
		font-size: 11px;
	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;
}
.container_title0{
	position: relative;
	display: flex;
		flex-direction: column;
	width: 100%;
	top: 0px;
	margin: 0; 
	padding-left: 20px;
	z-index: 0;
}
.container_title1{
	width: 50%;
}
.container_title2{
	width: 100%;
display: flex;
}
.container_search{
	width:30%;
	position: absolute;
	top: 0;
	left: 750px;
	z-index: 10;
}
.container_search1{
	width: 30%;
	z-index: 10;
}
.search1 {
width: 100%;
	padding: 0 0 0 10px;
}
.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;
}
.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 {
	width: 50%;
	height: 40px;
	line-height: 40px;
	z-index: 20;
	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;

}
.pagination_ajax ul li a {
	display: flex;
	font-size:14px;
}

.titte_page{
	font-size: 16px;
	font-weight: 700;
	margin-right: 4%;
}
.total_articles{
	font-size: 16px;
	font-weight: 700;
	margin-right: 4%;
}

/*****FIN pagination*****/
/******Debut articles.php*****/
.article_content{
	width: 100%;
	display: flex;
	background-color: orange;
}
/******Debut articles.php*****/
.head_article27A, .head_article27B, .head_article27C{
	width: 30%;
	padding: 10px 20px;
}


/******Début analyse/articles.php*****/

.head_article{
	border: 1px solid grey;
	width: 100%;
	padding: 10px;
	margin: auto;
	background-color: #FFF;
	z-index: 10;
}
.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: 10px;
}
.titre_analyse{
	padding: 3px;
	color: blue;
	font-weight: 600;
}
.analyse_region_tr{
	background-color: orange;
}
.analyse_annee_tr td{
	color: royalblue;
	font-weight: 700;
	padding-left: 10px;
}
.container_analyse3{
	width: 96%;
	margin: auto;
	background-color: #fff;
}
.analyse_nb_tr a{
	display: block;
	text-align: center;
}
.user_analyse_intervenant_user td{
	color: red;
	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 .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;
}
/*********************************************/
/*****Début index.php******/
.container_index0{
	position: relative;
	background-color: #fff;
	display: flex;
	width:100%;
	margin: 0;
}
.container_index1_a{
	margin-bottom: 40px;
}
.container_index1{
	position: absolute;
	width: 20%;
	border: 1px solid orangered;
	padding: 10px;
	margin-right: 1%;
}
.container_index_right{
left: 21%;
	position: absolute;
	background-color: #fff;
}
.table_wrapper_index1_a{
	width: 100%;
}
.table_div_index1_a table{
	width: 100%;
}
.table_div_index1_a th{
	background-color: #000;
	color: #fff;
}
.table_div_index1_a td{
border: 1px solid grey;
}
.container_index1_ul1 li{
	padding: 2px;
}

.index_tr1_a>.index_tr1_a1{	
	background-color: lightgray;
		padding:3px  4px;
	color: darkblue;
	font-weight: 600;
}
.index_tr1_b>.index_tr1_b1{
	padding: 0 4px;
}

.index_tr1_b>.index_tr1_b2{
		padding: 0 4px;
min-width: 30px;
}
	.sansdate{
		min-width: 70px;
	}
.container_index1_ul2 li a{
	padding-left: 10px;
	display: block;
}
.container_index1_li1{
	border-left: 2px solid grey;
	margin-bottom: 20px;
}
.span_g0{
	margin: 3px 0;
	padding-left: 5px;
	display: flex;
}
.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{
	font-size: 12px;
	display: block;
	margin-left: 30px;
}
.taux_index2{
	font-size: 12px;
	display: block;
	margin-left: 30px;
	color: blue;
}

.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: 10px;
	padding: 0 0 0 3px;
}
.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: 11px;
		position: sticky;
	top: 100px;

}
.table_div_index2 td{
	border: 1px solid grey;
		padding: 0 0 0 3px;
		font-size: 11px;
}

.nb_index a{
	display: block;
	text-align: center;
		font-size: 11px;
	background-color: #fff;
}
.region_index{
	color: blue;
	padding-left: 5px;
}
.IndexMois{
	background-color: yellow;
	min-width: 50px;
	padding: 2px;
}
/*****Fin index.php******/
/*****Début Activité/historique.php******/
.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*****/


/*****Début tacheEdit.php*****/
.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_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 10px 20px 5px;
	margin-bottom: 20px;
}
.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: 11px;
}
.tache_section_affectations_form00{
display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: stretch;
	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;
}
.titre_tache2 h6{
	color: #fff;

}
.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_contratEdit{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: baseline;
	align-content: stretch;
}

.contratEdit_right{
	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: 30px;
	line-height: 30px;
}
.tache_filtre button, .tache_filtre a{
		margin: 0 20px;
}
.container_cadencier{
	width: 80%;
	margin: auto;
}
.cadencierMois td{
	padding: 3px;
	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: 5px 0 5px 20px;
	color: red;
	font-weight: 600;
}
.cadencierSpan2 {
	width: 150px;
	height: 100px;
	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: 180px;
	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;
}
.cadencierSpan a:hover{
	background-color: darkgrey;
	transition: all .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;
}
.cadSpan1 span{
	font-weight: 500;
	color: red;
	font-size: 10px;
	padding: 5px;
}
.cadTitre1{
	color: darkblue;
	font-weight: 600;
		font-size: 10px;
	padding-bottom:2px;
}
.cadTitre2{
	color: #333;
		font-size: 10px;
	padding-bottom:2px;
}
.cadTitre0Textarea{
	padding: 1px;
	text-align: justify;
}

/******************Début planningEdit.php**************************/
	.container_planningEdit{
	width: 100%;
	display: flex;
		position: relative;
}
.aside_left_planning{
	position: absolute;
	width: 25%;
	padding: 10px;
	border: 1px solid orange;
	margin-right: 1%;
}
.planningEdit_right{
	left: 26%;
		position: absolute;
	background-color: #fff;
}
.planningEdit_left_titre h6{
	font-weight: 700;
	color: darkblue;
	appearance: 10px;
}
.planningEdit_left_client1{
	margin-top: 20px;
}
/******************Début planningEdit.php**************************/
@media screen and (max-width: 600px){
	.container_planningEdit{
	width: 200%;
	display: flex;

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

}
.planningEdit_right{
	left: 41%;
		position: absolute;
	background-color: #fff;

}
	.container_cadencier{
	width: 98%;
	margin: 30px auto;
}
	.container_principal{
position: relative;
	top: 150px;
	width: 100%;
overflow: scroll;
	height: 550px;
	padding:   0px 0 20px 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_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{
	position: absolute;
	width: 25%;
	border: 1px solid orangered;
	padding: 10px;
	margin-right: 1%;
}
.container_index_right{
left: 26%;
	position: absolute;
	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: absolute;
	top: 0;
	left: 0;
	margin-bottom: 10px;
	z-index: 10;
}
	.container_search1{
	width: 80%;
	z-index: 10;
}
	.search {
	width: 90%;
	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: 45px;
	height: 30px;
	line-height: 30px;
	margin: 0; 
	padding-left: 20px;
}
	.container_std{
	position: relative;
	top: 126px;
}
	/*****Début index.php*****/

	.sansdate{
		min-width: 60px;
	}
		/*****Fin index.php*****/
}