body {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 12pt;
        font-style: normal;
        font-weight: normal;
        color: #333333;
        background-color: #ffffff
}

img {
		border: 0;
}

td,p,li,div {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 12pt;
        font-style: normal;
        font-weight: normal;
        color: #336699;
}
input {
	color:#333;
}

ns4dcontent2, texte {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 12pt;
        font-style: normal;
        font-weight: normal;
        color: #336699;
}

nolink {

        color: #336699;
}

a,a#visited {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 12pt;
        font-style: normal;
        font-weight: normal;
        text-decoration: none;
		color:#D65B5B;
}

.demo {
		text-align: right;
		font-weight: bold;
		font-style: italic;
		color:#D65B5B;
}

.demofoot {
		margin-bottom: 8px;
		font-size: .8em;
		font-style: italic;
}

h1 {
		font-size:16pt;
}
h2 {
		font-size:14pt;
}
h3 {
		font-size:13pt;
}

p {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 12pt;
		font-style: normal;
        font-weight: normal;
        color: #336699
}

td.disabled,p.disabled,li.disabled,div.disabled,
.disabled td,.disabled p,.disabled li,.disabled div {
	color: #8899aa;
}

.topmenu {
	display:block;
	float:left;
	width:126px;
	text-align:center;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#369;
	margin:0 0 0 10px;
	padding-top:30px;
	border-bottom:1px solid #c34045;
}
.topdot {
	float:left;
	width:17px;
	height:12px;
	padding:37px 0 0 0;
	/*background:url(/images/dotright.png) no-repeat;*/
}
.topmenu a, .topmenu a:visited, .topmenu a:hover {
	color:#369;
	font-weight:bold;
	text-decoration:none;
}

td.menu, td.selmenu
{
	font-weight: bold;
	text-align:center;
	padding: .4em 0 .4em 0;
	height: 30px;
}

td.menu
{
	background:url(/images/menubg.png) repeat-x;
	/*background-color: #99BBDD;*/
	color: #EEEEEE;
}

td.menu a,td.menu a#visited
{
	color:#EEEEEE;
}

td.selmenu
{
	background:url(/images/selmenubg.png) repeat-x;
	/*background-color: #336699;*/
	color: #FFFFFF;
}

td.selmenu a,td.selmenu a#visited,td.menu a#hover,td.menu a#active
{
	color:#FFFFFF;
	font-weight:bold;
	border: 0;
}

/*td.menu a#a_logout
{
	color:#ff6666;
}*/
td.selmenu a#a_logout
{
	color:#cc3333;
}

.err {
	text-align:center;
	color:#CC1111;
}

/* New & updated classes */
.left-sidebar {
	display:table-cell;
	width:200px;
}
.left-row {
	padding-bottom:20px;
}
.main {
	display:table-cell;
	width:auto;
}
.sidebar-img {
	float:left;
	padding:13px 0 0 0;
	width:28px;
	height:25px;
}
.sidebar-menu {
	padding-bottom:30px;
}
.left-menu a {
	color:#369;
	text-decoration:none;
	font-size:.8em;
	font-weight:bold;
}
.left-item,.menu-item {
	display:table-cell;
	width:172px;
}
.menu-item {
	padding-top:2px;
}
.red-ul {
	float:left;
	padding-left:4px;
	border-bottom:1px solid #c34045;
}
.menu-item .red-ul {
	float:none;
}
.left-menu {
	padding:6px 0 0 4px;
	width:172px;
}
.red-ul input {
	font-size:.8em;
}
.login-caption {
	color: #c34045;
	font-size:.7em;
	padding-left:32px;
	margin-top:1px;
}
.login-remember {
	padding-left:12px;
}
.login-remember label {
	font-weight:normal;
	font-size:0.8em;
}
/*.login-submit {
	padding:10px 0 10px 48px;
}
.login-submit {
	display:block;
	text-align:center;
	float:left;
	width:100px;
}
.login-submit input {
	padding:2px 12px 2px 12px;
	font-size:.8em;
	font-weight:bold;
	background-color:#1a4f79;
	color:white;
	box-shadow:-4px 4px 0 0 #b5c6d4;
	-webkit-box-shadow:-4px 4px 0 0 #b5c6d4;
	border-width:0;
}*/
.login-submit {
	padding:10px 0 10px 40px;
}
.login-centered {
	width:170px;
	margin: 0 auto;
}
.login-centered .login-row,
.login-centered .login-remember,
.login-centered .login-submit {
	margin-left:10px;
}
.login-header-form .login,
.login-header-form .login input {
	font-size:80%;
}
#btcyes {
	width:124px;
	height:48px;
	display:block;
	margin:40px auto 0 auto;
	background:url(/images/btcyes.png) no-repeat;
}

.clear {
	clear:both;
}

/* Changes to default bootstrap css */
.btn-primary {
	background-color: #286090;
	border-color: #122b40;
}
.btn-primary:hover,.btn-primary.hover {
	background-color: #1a4f79;
	border-color: #17466a;
}
.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active {
	background-color:#1a4f79;
	border-color:#143e5f;
}
.btn-default {
	background-color: #e6e6e6;
	border-color: #8c8c8c;
}
.btn-default:hover,.btn-default.hover {
	background-color: #ccc;
	border-color: #999;
}
.btn-default:focus,.btn-default.focus,.btn-default:active,.btn-default.active {
	background-color:#ccc;
	border-color:#aaa;
}
nav.navbar-default {
	background-color:transparent;
	border-width:0px;
}
.navbar-brand {
	margin-top:10px;
	height:98px;
	width:242px;
	background:url(/images/x-logo1.gif) no-repeat;
}
.navbar-default ul.navbar-nav {
	padding-top:40px;
}
.navbar-default .navbar-nav>li {
	text-align:center;
	padding-left:10px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#369;
}
.navbar-nav>li>a {
	padding:6px 0 0 0;
	margin-left:0;
	line-height:default;
}
.navbar-nav {
	padding-top:30px;
}
#sso {
	margin-top:38px;
	float:right;
}
.navbar-nav>li>img.topdot {
	width:17px;
	height:27px;
	padding:12px 0 0 0;
	/*background:url(/images/dotright.png) no-repeat;*/
}
.navbar-default .navbar-nav>li>a {
	width:126px;
	display:block;
	float:left;
	color:#369;
	font-weight:bold;
	text-decoration:none;
	border-bottom:1px solid #c34045;
}
.navbar-default .navbar-nav>li>a:visited {
	color:#369;
}
.navbar-default .navbar-nav>li>a:active,
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li.current>a:active,
.navbar-default .navbar-nav>li.current>a:hover {
	color:#fff;
	background-color:#31608f;
}
.navbar-default .navbar-nav>li.current>a,
.left-menu.current .menu-item .red-ul {
	color:#fff;
	background-color:#527ca5;
}
.left-menu.current a {
	color:#fff;
}
.tooltip-inner {
	max-width: 300px;
	background-color:#fff;
	color:#369;
	border-color:#ccc;
	text-align:justify;
	border:1px solid #999;
}
.tooltip-inner h4 {
	color:#c33;
	font-weight:bold;
	text-decoration:underline;
	text-align:center;
}
.right {
	text-align:right;
}
.note {
	font-style:italic;
	font-size:.9em;
}
.grid td,.grid th {
	padding:2px;
}
.grid {
	margin:10px;
}
.feat th {
	text-align:center;
	border-bottom:1px solid #c33;
}
.feat th,.feat td {
	border-right:1px solid #c33;
}
.feat th:last-child,.feat td:last-child,.feat td:first-child {
	border-right-width:0;
}
.contact .row {
	margin-bottom:4px;
}
.contact label {
	font-weight:normal;
}
.contact input[type="text"],
.contact input[type="password"],
.contact textarea {
	width:100%;
}
.alert {
	width:90%;
	margin:0 15% 20px 5%;
}
.alert-danger {
	color:#D65B5B;
	background-color:#fbe6e6;
	border-color:#e59696;
}
.alert-warning {
	color:#ae843e;
	background-color:#fcf6e3;
	border-color:#f3cf84;
}
.alert-info {
	border-color:#7aaec9;
}
.account-main {
	color:#D65B5B;
	border-color:#e59696;
	background-color:#ffd;
}
nav.submenu {
	display:block;
}
nav.submenu ul {
	background:url(/images/menubg.png) repeat-x;
	list-style: none;
	width:100%;
	height:30px;
	padding:0 2% 0 2%;
}
nav.submenu li {
	background:url(/images/menubg.png) repeat-x;
	display:block;
	float:left;
	width:18%;
	height:30px;
	padding:4px 0 4px 0;
	margin:0 1% 0 1%;
	cursor:pointer;
	text-align:center;
}
nav.submenu li.selmenu, nav.submenu li.hover {
	background:url(/images/selmenubg.png) repeat-x;
}
nav.submenu a {
	color:#fff;
}
nav.submenu a:hover, nav.submenu a:active {
	text-decoration:none;
}
nav.submenu li.selmenu a, nav.submenu li.hover a {
	font-weight:bold;
}
nav.submenu li.hover a#a_logout {
	color:#c33;
}
nav.submenu a#a_main span:after {
	content:"Informations";
}
.copy {
	font-size:.8em;
	color:#666;
}
.config-sep {
	border-top:1px #26486a solid;
	border-bottom:1px #8eafe0 solid;
}
.badge-host {
	position:relative;
	display:inline-block;
}
.badge-new {
	position:relative;
	width:62;
	height:31px;
	z-index:100;
	padding:0;
	right:40px;
	top:5px;
}
@media (max-width: 767px) {
#login {
	padding-top:10px;
}
.left-sidebar,.main {
	clear:both;
	display:block;
	width:auto;
	margin:0 8px 0 8px;
}
.left-sidebar {
	padding-bottom:10px;
	border-top:1px solid #ddd;
}
#login,#logout {
	border-bottom:1px solid #ddd;
	padding-bottom:10px;
}
.sidebar-menu {
	padding-bottom:16px;
	border-bottom:1px solid #ddd;
}
.left-row,.login-row,.login-remember {
	display:block;
	float:left;
	width:150px;
}
.login-remember {
	padding-top:4px;
}
.login-submit {
	padding-top:0px;
}
.left-row {
	padding-bottom:10px;
}
.left-menu {
	display:block;
	float:left;
	width:165px;
	padding-right:10px;
}
#btcyes {
	display:none;
	width:93px;
	height:36px;
	margin-top:10px;
	background:url(/images/btcyes-small.png) no-repeat;
}
.navbar-brand {
	width:200px;
	height:50px;
	background:url(/images/x-logo-small.gif) no-repeat;
}
.navbar-default ul.navbar-nav {
	padding-top:10px;
}
.navbar-nav>li>a {
	margin-left:6px;
}
nav.submenu a#a_main span:after {
	content:"Infos";
}
/*nav.submenu li {
	width:30%;
}*/
}
@media (min-width: 768px) {
.main {
width: 550px;
}
.navbar-default ul.navbar-nav {
	padding-top:10px;
}
#sso {
	margin-top:18px;
}
.navbar-default .navbar-nav>li>a {
	width:auto;
	padding-left:4px;
	padding-right:4px;
}
.navbar-brand {
	width:200px;
	height:50px;
	background:url(/images/x-logo-small.gif) no-repeat;
}
.navbar-collapse.collapse {
	padding-bottom:30px;
}
}
@media (min-width:992px) {
.main {
	width: 770px;
}
.navbar-default ul.navbar-nav {
	padding-top:40px;
}
#sso {
	margin-top:48px;
}
.navbar-default .navbar-nav>li>a {
	width:134px;
}
.navbar-brand {
	height:98px;
	width:242px;
	background:url(/images/x-logo1.gif) no-repeat;
}
}
@media (min-width: 1200px) {
.main {
width: 970px;
}
}

/*--- Share buttons ---*/
/*# including: Social Flat Rounded Rects
 * ## by [Aha-Soft Team](http://www.aha-soft.com/free-icons/)*/
.sharebtn {
	height:38px;
	padding:6px;
}
.sharebtn ul {
	list-style: none;
	padding:0;
	margin:0;
}

.sharebtn li{
	display: inline;
}

.sharebtn img {
	width: 24px;
	margin:0;
	cursor:pointer;
}