@media screen and (max-width:1458px) {
	.formulaire_DT::after {
		background: unset;
	}

	.formulaire_DT::before {
		background: unset;
	}

	.formulaire_popin {
		padding: 10px 20px;
	}
}

@media screen and (max-width:1280px) {

	:root 
	{
		--tailleMenuLeft: 0px;
	}
	#menuGauche .boutonOpen
	{
		width: 70px;
		height: 70px;
	}
	#menuGauche:hover{
		width: 70px;
	}
	.menu_gauche.picto, .menu_gauche.picto .pictoMenu
	{
		min-width: 70px;
	}
	
	.rallyeSelectMenu
	{
		right: 50%;
  		transform: translateX(+50%);
	}
	.fullViewport
	{
		min-height: calc(100svh - calc(var(--tailleMenuTop) + 40px));
  		height: 100%;
	}
	.fullViewport .champInvalide { scroll-margin-top: var(--tailleMenuTop);}
	
	.page_title
	{
		min-width: 0px;
		width: 100%;
	}
	/* Classe génériques */
	.Content,
	.texte-content {
		width: 100%;
		box-sizing: border-box;
		padding-left: 20px;
		padding-right: 20px;
	}

	.not_mobile {
		display: none !important;
	}

	.mobile {
		display: flex !important;
	}

	.flexHalf:not(.notCent),
	.flexParent:not(.notCent) {
		width: 100%;
		/*flex: 1 1 100%;*/
		max-width: 100%;
	}

	.flexParent:not(.notColumn) {
		flex-direction: column !important;
	}

	.flexThird,
	.flexTwoThirds {
		max-width: 100%;
		width: 100%
	}

	img {
		max-width: 100%;
		height: auto;
	}

	#menuGauche {
		height: 50px;
		top: 0;
		z-index: 50;
	}

	#menuGauche.open {
		height: 100%;
		width: 100%;
	}

	.popin.mypopin4 {
		width: 90% !important;
		left: 0 !important;
		margin-left: 5% !important;
	}

	.jconfirm-box.jconfirm-hilight-shake.jconfirm-type-orange.jconfirm-type-animated {
		width: 90% !important;
	}

	.petit_btn_add::before {
		margin-right: 0;
		text-indent: 1px;
	}

	.petit_btn_add {
		text-indent: -9999px;
	}

	.div_principal {
		min-width: 100%;
	}

	.topAppli .Content {
		flex-direction: row !important;
		padding: 0px;
		width: calc(100% - var(--tailleMenu));
		margin-left: auto;
	}

	.topAppli .Content:last-child .flexParent {
		max-width: 100px;
	}

	.pictoDeconnexion {
		margin-top: 10px;
	}

	.gradianBgTitle {
		border-radius: 0px;
	}

	.titlePageContent {
		margin-right: 10px;
		margin-left: 10px;
	}

	.ligneDT .ligneDTTitle {
		background-color: #e5e5e5;
		width: 100%;
		padding: 5px;
		color: #233555;
		font-weight: bold;
	}

	.ligneDT div:first-child .ligneDTTitle {
		border-radius: var(--borderRadius) 0 0 var(--borderRadius);
	}

	.ligneDT div:last-child .ligneDTTitle {
		border-radius: 0 var(--borderRadius) var(--borderRadius) 0;
	}

	.ligneDTContent {
		width: 100%;
		padding: 5px;
	}

	table.tableCustomResp thead {
		display: none;
	}

	.dataTables_filter {
		display: none;
	}

	.FieldFiltre legend {
		background-color: var(--bgAppliMenuTop);
		display: flex;
		width: 100%;
		height: 30px;
		color: white;
		justify-content: flex-start;
		align-items: center;
		padding: 5px;
		box-sizing: border-box;
		top: 0px;
		left: 0px;
		position: absolute;
	}

	.FieldFiltre legend:after {
		content: "<";
		display: flex;
		width: 30px;
		height: 30px;
		color: white;
		position: absolute;
		right: 10px;
		/*top: 50%;*/
		transform: rotate(-90deg)
			/*translateY(-50%)*/
		;
		justify-content: center;
		align-items: center;
		text-align: center;
	}

	.FieldFiltre {
		align-items: flex-start;
		height: 30px;
		max-height: 30px;
		overflow: hidden;
		background-color: rgb(198, 201, 206, 0.85);
		border-radius: var(--borderRadius);
		box-sizing: border-box;
		transition: all ease 0.3s;
	}

	.FieldFiltre.opened {
		height: 100%;
		max-height: 500px;
	}

	.FieldFiltre:first-child>.DivFiltre {
		margin-top: 30px;
	}

	.menuDeconnexion {
		font-size: 0px;
	}

	.titleDetailDossier span::after {
		display: none;
	}

	.titleDetailContent .backButton {
		width: 75px;
	}

	.titleDetailContent span.flexParent {
		flex-direction: row !important;
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.dossierDetailContent {
		padding: 5px !important;
	}

	input:not([type='radio']):not([type='checkbox']),
	select,
	textarea {
		width: 100%;
		border-radius: var(--borderRadius);
	}

	.DivFiltre {
		/*width: 100%;*/
	}

	.searchTrigger {
		border: 1px solid #727471;
		width: 35px;
		height: 35px;
		display: flex;
		transition: all ease 0.3s;
		position: absolute;
		right: 0px;
		top: 50%;
		transform: translateY(-50%);
		border-radius: 50px;
		padding: 5px;
		background-color: #e6e6e6;
		align-items: center;
		cursor: pointer;
	}

	.searchTrigger:after {
		display: flex;
		content: "";
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		background: url('../inc_images/design/picto/blue_search.png') no-repeat center center;
		width: 35px;
		height: 35px;
		background-size: 50%;
	}

	.searchTrigger.opened {
		width: 100%;
		border-radius: var(--borderRadius);
	}

	.searchTrigger input {
		width: 0px;
		display: none;
		transition: all ease 0.3s;
	}

	.searchTrigger.opened input {
		display: flex;
		width: 90%;
		background-color: transparent !important;
		border: none !important;
	}

	.searchTrigger .searchClose {
		display: none;
	}

	.searchTrigger.opened .searchClose {
		display: flex;
		background-color: #a6a6a5;
		width: 25px;
		height: 25px;
		cursor: pointer;
		border-radius: 50px;
		z-index: 2;
	}

	.searchTrigger.opened .searchClose:after {
		content: "";
		position: absolute;
		width: 15px;
		height: 2px;
		background-color: white;
		top: 50%;
		transform: translateY(-50%) translateX(-50%) rotate(-45deg);
		left: 50%;
		border-radius: var(--borderRadius);
	}

	.searchTrigger.opened .searchClose:before {
		content: "";
		position: absolute;
		width: 15px;
		height: 2px;
		background-color: white;
		top: 50%;
		transform: translateY(-50%) translateX(-50%) rotate(45deg);
		left: 50%;
		border-radius: var(--borderRadius);
	}

	.add_DT_container {
		margin-right: 40px;
	}

	.dataTables_length {
		display: flex;
		flex-direction: row;
	}

	.dataTables_length select {
		width: 100px;
	}

	.dataTables_info {
		width: 100%;
		margin: 0px;
		padding: 0px;
		text-align: center;
	}

	fieldset.FieldFiltre .FiltreButtonActualise,
	.dropdown .FiltreButtonActualise {
		width: 100px;
	}


	/* ==================================================== */
	table:not(.table_menu):not(.header_actions) {

		margin: 1rem auto;
		text-align: center;
		width: 100%;
		max-width: 100%;
		border-collapse: collapse;
	}


	th,
	td {
		padding: 8px 0
	}

	.tableau_bord_content > *
	{
		flex-basis: 45%;
	}
	.module_title
	{
		font-size: 14px;
	}
	.module_title .picto
	{
		font-size: 16px;
	}
}

@media only screen and (max-width: 800px) {

	table:not(.notResponsiveTable):not(.ui-datepicker-calendar),
	table:not(.notResponsiveTable):not(.ui-datepicker-calendar) thead,
	table:not(.notResponsiveTable):not(.ui-datepicker-calendar) tbody,
	table:not(.notResponsiveTable):not(.ui-datepicker-calendar) th,
	table:not(.notResponsiveTable):not(.ui-datepicker-calendar) td,
	table:not(.notResponsiveTable):not(.ui-datepicker-calendar) tr {

		display: block
	}

	table:not(.notResponsiveTable):not(.ui-datepicker-calendar) thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}



	table:not(.notResponsiveTable):not(.ui-datepicker-calendar) td {

		position: relative;
		padding-left: 50%;
		white-space: normal;
		text-align: left
	}

	td:before {

		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 6px;
		width: 45%;
		padding-right: 10px;
		/* font-weight: bold; */
		white-space: nowrap;
		text-align: left;
		content: attr(data-title);
	}

	.fond_popin_classique input {
		min-height: 40px;
		padding: 2px !important;
	}
}


@media screen and (max-width:480px) {
	.page_title {
		min-width: none;
		height: 45px;
		padding-left: 50px;
	}

	.page_title .title {
		font-size: 1.3em;
	}
	.page_title .picto {
		font-size: 24px;
	}

	.header_form {
		padding-right: 0;
	}

	.header_form .page_title::before,
	.header_form .page_title::after {
		content: initial;
	}
}