html {height:100%;font-size: 16px;}
body {height:100%;font-family: Arial, Helvetica, sans-serif; color: #101010; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

a {text-decoration: none; color: #9ac319; }
img {border: none;}

.bold {font-weight:bold;}
.italic {font-style: italic;}
.uppercase {text-transform: uppercase;}
.percent100 {width: 100%;}
.percent75 {width: 75%;}
.percent50 {width: 50%;}
.inline {display:inline-block; vertical-align: top;}

/****** HEADER ******/
div.header {position: relative; margin-bottom: 2rem;}
div.header img.logo {position: absolute; top: 0.7rem; left: 6rem; }
div.header div.top {height: 6.5rem; width: 100%; padding-left: 14rem; color: #9ac319;  box-sizing:border-box;}
div.header div.top div.marque {font-family: serif; font-size: 2.5rem; padding-top: 3.2rem; letter-spacing: 0.2rem;}
div.header div.top div.marque_full {position: absolute; font-size: 1.5rem; top: 4.2rem; right: 5%; letter-spacing: 0.1rem;}
div.header div.top div.login_menu {position: absolute; font-size: 0.8rem; top: 0.5rem; right: 5%; color:#888; text-align: right;}
div.header div.menu {height: 2.5rem; width: 100%; padding-left: 14rem; background-color: #9ac319; color: #fff; box-sizing:border-box;}
div.header div.menu ul {padding-top: 0.6rem; font-size: 1.2rem;}
div.header div.menu ul li {display: inline-block; text-transform: uppercase; padding: 0 2rem;}
div.header div.menu ul li a {color: #fff;}
div.header div.menu ul li a:hover {color: rgba(255,255,255,0.8);}

/****** SUBMENU ******/
div.pageTitle {float: left; display: inline-block; background-color: #9ac319; color: #fff;padding: 0.5rem 2rem; font-size: 1rem; text-transform: uppercase;}
div.submenu {float: right; display: inline-block;}
div.submenu li {display: inline-block; text-transform: uppercase; padding: 0 1rem;}
div.submenu li a, input.btn-default {padding: 0.4rem 2rem; background-color: #9ac319; color: #fff; font-size: 0.8rem; border-radius: 0.4rem; border: none;}
div.submenu li a:hover, input.btn-default:hover {background-color: rgba(154,195,25,0.8)}

/******* TOP MENU ****/
div.topmenu {width: 100%; padding-left: 14rem; padding-top:0.5em; box-sizing:border-box;}
div.topmenu ul li {display: inline-block; padding: 0 1rem; border-right: 1px solid #CCC;}
div.topmenu ul li a {color:#666;}

/****** CONTENT ******/
div.content {width: 80%; padding: 0 10%;}
table {border-spacing: 0px; border-collapse: separate; margin: 0rem 0 1rem 0; border-top: 1px solid #999; border-left: 1px solid #999;}
table th {padding: 0.5rem 1rem; background-color: #ddd; font-weight: bold; font-size: 0.9rem; color: #555; border-right: 1px solid #999; border-bottom: 1px solid #999; padding: 0.3rem 0.7rem;}
table td {padding: 0.25rem 1rem; border-right: 1px solid #999; border-bottom: 1px solid #999; font-size: 0.9rem;}
table a.tablelink {color: #4A4A4A; font-weight: bold;}
div.formTable table {width: 20rem; padding-top: 0;}
div.formTable table td:first-child {font-size: 0.9rem;}
div.formTable table td {background-color: #fafafa;}
div.formTable table input, table#client textarea {color: #777;}
div.formTable div.formTitle {width: 20rem; background-color: #9ac319; color: #fff; padding: 0.5rem 1rem; box-sizing:border-box;}
div.totalSum {color: #9ac319; font-weight: bold;}

span.dotRed {height: 0.75em; width: 0.75em; background-color:red; border-radius: 50%; display: inline-block;}
span.dotOrange {height: 0.75em; width: 0.75em; background-color:orange; border-radius: 50%; display: inline-block;}
span.dotGreen {height: 0.75em; width: 0.75em; background-color:green; border-radius: 50%; display: inline-block;}

a.hrefDesignControls, div.designFormSave button {border-radius: 1em; border: 1px solid #9ac319; padding: 0.4em 1em 0.3em 1em; font-weight: bold; background-color: white;}
a.hrefDesignControls:hover, div.designFormSave button:hover {background-color: #9ac319; color: #fff; border: 1px solid #fff;}

div#tabulator-controls {background-color: #DDD; padding: 0.7em 1em; margin-bottom: 0.3em; font-size: 0.8em; color: #666;}
.table-controls input, .table-controls select {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 4px 0.5em;
    border: 1px solid #9ac319;
    background: #fafafa;
    outline: none;
		max-width: 10em;
}

.table-controls button {background-color: #9ac319; padding: 0.35em 1em; color: #fff; border: none; cursor: pointer;}
.table-controls span {color: #ccc; padding: 0 2em;}

.tabulator a {color: #444; font-weight: bold;}

div#fos_user_profile_form div, div#fos_user_change_password_form div {margin: 0.4rem 0;}
div#fos_user_profile_form label, div#fos_user_change_password_form label {margin-right: 0.8rem;}
div.marchandise_new_type {font-size: 0.9em; background-color:#CCC; font-weight:bold; padding: 0.35rem 1rem; border: 1px solid #999; border-right: none;}
div.marchandise_new_table table {margin: 0;}
.boutton {padding: 0.4rem 2rem; background-color: #9ac319; color: #fff; font-size: 0.8rem; border-radius: 0.4rem; border: none;}