.nomobile
{
	display: none;
}

/*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 > div.select
{
	position: relative;
}
form.recherche,
form.recherche.reduce
{
	position: relative;
	top: initial;
	right: initial;
	width: 100%!important;
	height: 36px;
	margin-bottom: 10px!important;
}
form.recherche > label > input[type='text']
{
	height: 34px;
}
td > .miniature
{
	float: initial;
	display: inline-block;
}

/*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 12px;
}
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;
}
.widget
{
	width: 100%;
}


.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;
	text-align: left;
}
table.liste td:last-child
{
	border-bottom: 1px solid #CCC!important;
	text-align: right;
}
#pagination
{
    height: 42px;
    margin-top: 2px;
}

/*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: FontAwesome;
    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;
}