#identification
{
	margin: 120px auto;
}

/*MENU*/
#site > #header > #menu:before
{
	content: "\f0c9";
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	color: #707173;
	font-size: 32px;
	position: absolute;
	right: 15px;
	top: 10px;
}
#site > #header > #menu
{
	height: 50px;
}
#site > #header > #menu > img
{
	float: none!important;
	height: 40px;
}
#site > #header > #menu > ul
{
	display: block;
	position: absolute;
	width: 84%;
	top: 0;
	left: 100%;
	z-index: -1;
	overflow: auto;
}
#site > #header > #menu > ul > li
{
	display: block;
	float: none;
}
#site > #header > #menu > ul > li > a
{
	position: inherit!important;
	display: block;
	font-size: 19px;
	padding: 10px;
	
	color: #707173;
}
#site > #header > #menu > ul > li > a.select,
#site > #header > #menu > ul > li > a:hover
{
	background: #008FF0;
	color: #FFF;
}

/*ONGLETS*/
.onglets > a,
.onglets > form
{
	position: relative;
	display: block;
	padding: 10px;
}
.onglets > form,
.onglets > form > input
{
	width: 100%;
	max-width: inherit;
	margin: 0;
}
.onglets > form 
{
	padding: 0;
	margin-bottom: 5px;
}
.onglets a > .close
{
	font-size: 30px;
	right: 10px;
}

/*PAGE*/
#site
{
	transition: cubic-bezier(.63,0,.17,.99) 300ms;
}
#site > #page
{
	padding: 60px 10px 10px 10px;
	height: calc(100% - 70px);
	background-size: contain;
}
#site.show_menu
{
	-webkit-transform: translate(-84%,0);
	-moz-transform: translate(-84%,0);
	-ms-transform: translate(-84%,0);
	-o-transform: translate(-84%,0);
	transform: translate(-84%,0);
	box-shadow: 0 -5px 5px rgba(0,0,0,0.5);
}

/*DIVERS*/
.data_liste > li
{
	border-bottom:1px solid #707173;
	padding: 10px 0;
}
.data_liste > li textarea,
.data_liste > li select,
.data_liste > li input[type='text']
{
	display: block;
	width: 100%;
	max-width: inherit;
}
.data_liste > li
{
	text-align: center;
}
.data_liste > li:first-child .first_disabled
{
	display: none;
}

.data_liste.sortable
{
	width: 100%;
}
.data_liste.sortable > li
{
	white-space: normal;
	width: 100%;
}
.data_liste.sortable > li > textarea
{
	width: 100%!important;
	max-width: inherit;
	box-sizing: border-box;
	display: block;
}
input[type='text'], 
input[type='password'], 
textarea, 
select
{
	max-width: 140px;
}
input[name~='tarif']
{
	max-width: 125px;
}

fieldset > ul
{
	width: inherit;
	display: inherit;
	min-width: inherit;
}

.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;
}
input.mobile
{
	position: fixed;
	left: 0;
	top: 50px;
	width: 100%;
	line-height: 38px;
	max-width: inherit;
	box-sizing: border-box;
	font-size: 17px;
}

.nomobile
{
	display: none;
}

.onglets > a.select
{
	border-left: 5px solid #000;
	padding-left: 5px;
}

.bouton,
.bouton.small,
.pagination a,
.pagination input
{
	padding: 10px 15px;
}
.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;
}


input[name='client_nom']
{
	width: 77px!important;
}
.table.mobile
{
    overflow-x: auto;
}
.table.mobile > table
{
	width: 750px;
}

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