.nomobile
{
	display: none;
}
.nobureau
{
	display: block;
}

/*MENU*/
#header > ul > li > a
{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#header > ul > li > a > span > span:nth-child(2)
{
	display: none;
}

/*ONGLETS*/
.onglets > a
{
	display: block;
	margin: 0;
	padding: 10px;
	border: 0;
	border-bottom: 1px solid #E2E2E2;
}
.onglets > a:last-of-type
{
	border: 0;
	margin-bottom: 10px;
}
.onglets a.closable
{
    padding: 10px 35px 10px 10px;
}
.onglets a > .close
{
	right: 12px;
    font-size: 29px;
}
.onglets > a.select
{
}

form.recherche
{
	position: relative;
    top: initial;
    right: initial;
    width: 100%!important;
}

#filtre
{
	position: relative!important;
	top: initial!important;
	right: initial!important;
	width: 100%!important;
}

/*PAGE*/
body #site > #header
{
	transform: initial!important;
	left: 0;
	width: 100%;
}
body.menu-close #site > #header
{
	transform: initial!important;
}
body #site > #content > #page
{
	transform: initial!important;
	padding: 10px 10px 10px 10px;
}
body.menu-close #site > #content > #page
{
	transform: initial!important;
}
body #site > #content > #menu
{
	transform: translateX(-150px)!important;
}
body.menu-close #site > #content > #menu
{
	transform: translateX(-150px)!important;
}

body
{
	overflow: hidden;
}
body #site
{
	transition: ease-in-out 200ms transform;
}
body.menu-close #site
{
	transform: translateX(150px)!important;
}


/*FORM*/
input.mobile
{
	position: fixed;
	left: 0;
	top: 50px;
	width: 100%;
	line-height: 38px;
	max-width: inherit;
	box-sizing: border-box;
	font-size: 17px;
}
.bouton,
.bouton.small,
.pagination a,
.pagination input
{
	padding: 10px 15px;
}
fieldset > ul:not(.data_liste) > li, 
fieldset > ul.data_liste > li > ul > li
{
	display: block;
	width: 100%;
}



/*DIVERS*/
.autocomplete
{
	position: fixed;
	left: 0!important;
	top: 72px!important;
	right: 0;
	bottom: 0;
	width: calc(100% - 12px);
	height: inherit!important;
}
.autocomplete > li
{
	font-size: 17px;
	padding: 5px!important;
}


.pagination input
{
	margin: 0;
}
.ui-datepicker 
{
	position: fixed!important;
	top: inherit!important;
	top: 50px!important;
	left: inherit!important;
	width: 100%!important;
	bottom: 0!important;
	box-sizing: border-box;
}
.ui-datepicker-calendar > tbody >tr > td > a
{
	height: 24px!important;
}
.ui-dialog
{
	width: 100%!important;
    box-sizing: border-box!important;
}


/*.table.mobile
{
    overflow-x: auto;
}
.table.mobile > table
{
	width: 750px;
}*/

table.liste th
{
	display: none;
}
table.liste td
{
	display: block;
	width: 100%;
	height: initial!important;
	border: 0!important;
}
table.liste td:last-child
{
	border-bottom: 1px solid #CCC!important;
	text-align: right;
}
table.liste > tbody > tr.groupe > td:first-child:before
{
	display: none;
}

/*Colorbox*/
/*#colorbox
{
	position: fixed!important;
}
#cboxMiddleLeft, #cboxMiddleRight, #cboxWrapper > div:first-child, #cboxWrapper > div:first-child + div + div
{
	display: none;
}
#colorbox, #cboxWrapper, #cboxWrapper > div:first-child + div, #cboxContent, #cboxLoadedContent
{
	width: 100%!important;
	left: 0!important;
	top: 0!important;
	box-sizing: border-box;
}
#colorbox, #cboxWrapper, #cboxWrapper > div:first-child + div, #cboxContent, #cboxLoadedContent
{
	height: 100%!important;
}
#cboxClose
{
	top: 0;
	bottom: inherit;
	background: none;
	overflow: hidden;
	cursor: pointer;
	padding: 10px;
	background-color: transparent;
	background: url(../img/fond.jpg) 50% 50% fixed;
    border-radius: 0 0 0 25px;
}
#cboxClose:before
{
	content: "\f00d";
    font-family: "Font Awesome 6 Pro";
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 30px;
    padding-right: 0.5em;
    position: absolute;
  	top: 4px;
    left: 60px;
    color: #274F62;
    text-indent: -45px!important;
}*/
#pop > div > form > button
{
	margin: 0;
	padding: 6px 13px;
}
#pop > div:first-child + div + div > a:first-child
{
	display: none;
}

*:not(#remplissage) > .row,
*:not(#remplissage) > .row > *
{
	display: block!important;
	width: 100%!important;
	margin: 0!important;
}