@import url("modules/jquery.qtip.css");

*, *:before, *:after{
 -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; margin:0; padding:0;
}

html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body {
	font-family: Verdana;
	font-size: 9pt;
	text-align:center;
}

table{ width:96%; margin:auto; }
th, td{ padding:5px 7px; margin:1px; }
th{ background:#3f3f3f; color:white; }
th.nobg{ background:none; }
td{ background:#ffffff; color:#3f3f3f; }
tr.alt td, .alt{ background:#E4E4E4; }

/* BG COLORS */
body{ background: #CCCCCC; }
#content .block, #content table td, #content div.bg{ background:#ffffff; }
#content table .search td{ background:#3176cc; }
#content .block.nobg, #content table td.nobg{ background:none; }
#nav div.links, .title, #content .sep, #content div.data div.th div.fLeft,
#content table th{ background:#3f3f3f; }
#nav .links li.active{ background:#904901; }
#content table tr.alt td{ background:#d3d3d3; }
#content .block ul.list li a:hover{ background:silver; }
#content .block ul.list li a.actif{ background:silver; }
#content input[type="text"][readonly="readonly"]{ background-color:gray; }
#content input[type="text"], #content input[type="password"], 
#content input[type="checkbox"], #content select, 
#content select option{ background:white; }
.button{ background:#3f3f3f no-repeat center center; text-align:center; }
.button:hover,.button:focus{ background-color:#6B6B6B; }
.button.arrow{ background-image:url('../img/design/arrow.png'); background-color:#6B6B6B; }
.button.arrow.back{ background-image:url('../img/design/back-arrow.png'); }

.button.save, .button.connect, .button.add, .button.green{ background-color:#558E51; }
.button.save:hover, .button.connect:hover, .button.add:hover, .button.green:hover,
.button.save:focus, .button.connect:focus, .button.add:focus, .button.green:focus,
.button.save.arrow, .button.connect.arrow, .button.add.arrow, .button.green.arrow{ background-color:#6CBB66; }

.button.edit, .button.search, .button.save.print{ background-color:#668BD6; }
.button.edit:hover, .button.search:hover, .button.save.print:hover,
.button.edit:focus, .button.search:focus, .button.save.print:focus,
.button.blue:focus, .button.blue:focus, 
.button.edit.arrow, .button.search.arrow{ background-color:#729AEC; }

.button.del, .button.cancel, .button.red{ background-color:#8F0000; }
.button.red:hover, .button.red:hover,
.button.del:hover, .button.cancel:hover,
.button.del:focus, .button.cancel:focus,
.button.del.arrow, .button.cancel.arrow{ background-color:#C10000; }

input:focus, select:focus, textarea:focus{ background:#E0C6A3; color:black; outline:none; }

li.drag{ background:#9FC4E7; }
li.select{ background:#9FC4E7; opacity:0.6; }
.img.select, .img.drag{ opacity:0.6; }

#image_editor, .more_content{height:0px;overflow:hidden;transition-duration:0.5s;}
.more_content.show{height:174px;}

#image_editor:not([data-id=""]){height:325px;}

/* COLORS */
body{ color:black; }
#content .block{ color:black; }
.title, #content div.data div.th div.fLeft, #content table th{ color:white; }
#content label{ color:black; }

/* BORDERS */
#content .block ul.list li a{ border-top:2px solid white; }
#content .block table,#content .block table th,#content .block table td{ border:none; }
#content input[type="text"], #content input[type="password"]{ 
	border-top:1px solid black;
	border-left:1px solid black;
	border-bottom:1px solid gray;
	border-right:1px solid gray;
}
.button{ 
	border:none;
}

/* OTHER */
h1{ font-size:2.2em; margin:0 auto 25px auto; width:96%; padding:0.4%; text-align:center; }
.block h1{ width:99.2%; }
h2, h3{ font-size:1.8em; padding:5px 0.4%; text-align:center; }
h3{ font-size:1.6em; }
h4{ padding:10px 0 0 10px; display:block; }
span{ color:black; }
a{ color:#c40000; }

.form{ 
	width:100%; 
	margin:auto; 
	text-align:left;
}
.align-center{ text-align:center; }

ul.styled li{
	padding:7px 0 10px 42px;
	margin-bottom:5px;
}

#menu ul, #footer ul, #content ul {
	list-style:none;
}

#container {
	width:100%;
	margin:auto;
	text-align:left;
	min-width:950px;
}

#body {
	width:95%;
	margin:auto;
}

#content {
	min-width:900px;
	width:100%;
	margin:auto;
	z-index:98;
	padding-top:80px;
	padding-bottom:80px;
}

#content div.breadcrumb{ margin:0 0 20px 0; }
#content div.breadcrumb.end{ margin:20px 0 0 0; }
#content div.breadcrumb, #content div.breadcrumb a{ color:white; }

#content .block{ color:black; width:96%; margin:0 auto; text-align:left; position:relative; }
#content .block.sec{ margin:30px auto 0 auto; }
#content .block.menu{ float:left; width:20%; margin:0 0 0 2%; padding:0; }
#content .block.outmenu{ float:right; width:74%; margin:0 2% 0 0; }
#content .sep{ width:96%; margin:10px auto; height:1px; overflow:hidden; clear:both; }

#content .block div.add.click{ display:inline-block; padding:5px; border:1px solid #6FB758; background:#9FD994; }
#content .block div.add.click{ text-decoration:underline; position:absolute; top:4px; left:4px; }
#content .block div.add.click img{ float:left; margin:0 5px 0 0; }

.button{ display:inline-block; padding:5px 5%; cursor:pointer; color:white; font-weight:bold; text-decoration:none; font-size:13px; }
#content .block div.clear, #content .block div.start, #content .block div.end{ padding:0; }

#content .block table th{ font-weight:bold; }
td{ vertical-align:middle; text-align:center; }
#content .block table td a, #content table td a{ color:black; }
#content .block table td.text{ padding:10px 20px; vertical-align:middle; text-align:left; }

#content .block ul.list li{ display:block; margin:10px 0 0 0; }
#content .block ul.list li .sub li{ margin:0; padding:0 0 0 10%; }
#content .block ul.list li .sub li a{ padding:3px; }
#content .block ul.list li.sec{ margin:0; }
#content .block ul.list li a{ display:block; padding:5px; text-align:left; text-decoration:none; font-weight:normal; }
#content .block ul.list li a:hover, #content .block ul.list li a.actif{ font-weight:bold; }

#content #error{ display:block; border:2px solid #FF3A00; background:#FFFFBF; color:#FF3A00; padding:5px; margin:0 0 20px 0; }
#content div.confirmation{ display:block; border:2px solid #00aa00; background:#bfe6ff; color:#00aa00; padding:10px; margin:0 0 20px 0; font-weight:normal; line-height:24px; }

#content .block div.data{ width:100%;  }
#content div.data{ width:96%; margin:auto; }
#content div.data.active{ display:block; }
#content div.data div.td, #content div.data div.th{ width:100%; }
#content div.data div.td{ margin:2px 0 0 0; }
#content div.data div.td.sold div.fLeft{ background:#D5FFD5; }
#content div.data div.td div.fLeft, #content div.data div.th div.fLeft{ padding:5px 0.5%; margin:0 0.1%; }
#content div.data div.td div.fLeft{ height:26px; overflow:hidden; font-size:1em; background:#ffffff; }
#content div.data div.th div.fLeft{ font-weight:bold; }

#nav{ 
	position:fixed;
	text-align:left;
	max-height:60px;
	overflow:hidden;
}
#nav{ width:100%; top:0; z-index:99;}
#nav div.links{ width:100%; }
#nav div.bottom, #subnav div.bottom{ background:url('../img/design/nav.png') repeat-x bottom left; overflow:hidden; height:7px; }
#nav div.bottom{ width:100%; }
#nav ul{ width:100%; display:block; list-style:none; }
#nav li{ float:left; padding:9px; }
#nav li.right{ float:right; }
#nav li a{ display:block; color:white; text-align:center; font-size:0.95em; }
#nav li a img{ width:40px; height:40px; }
#nav li a{ width:40px; height:40px; overflow:hidden; }
#nav li{ width:58px; height:58px; overflow:hidden; }

#menu{
	width:95%;
	margin:auto;
	border-bottom:1px solid #6699CC;
}

#menu li{ display:block; float:left; text-align:center; padding:5px; }
#menu li.sec{ border-left:1px solid #6699CC; }
#menu li a{ display:block; width:100%; color:#6699CC; text-decoration:none; text-align:center; }
#menu li a:hover{ color:white; }

#copyright{
	float:right;
	text-align:right;
	margin:5px 0 5px 0;
	padding-right:10px;
	font-size:10px;
}

#calen_id .barre{ width:100%; padding:2px; text-align:right; }
#calen_id .barre img{ 
	cursor:pointer;
	float:none;
	margin-right:3px;
	opacity:0.80;
	-moz-opacity:0.80; 
    -ms-filter:"alpha(opacity=80)";
	filter:alpha(opacity=80);
}

#calendrier{
	background-color:#1E1E1E;
	color:#993300;
	width:210px;
	font-weight:bold;
}

#calendrier th{ text-align:center; padding:5px 0 5px 0; color:white; }
#calendrier td{ text-align:center; width:30px; height:20px; color:white; }
#calendrier .free{ background:#4C4C4C; cursor:pointer; }
#calendrier .full{ background:#303030; }
#calendrier .title{ background:#303030; }
#calendrier .selected{ background:#990000; }

#calen_id{
	position: fixed;
	border: 1px solid black;
	padding: 2px;
	background-color: #1E1E1E;
	visibility: hidden;
	z-index: 150;
	text-align:left;
}


#fade {
	display: none;
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 1999;
}
#popup{
	display: none;
	background: #cccccc;
	padding: 20px;
	border: 10px solid #3f3f3f;
	font-size: 1.2em;
	position: absolute;
	top: 50px; left: 50%;
	z-index: 2000;
	
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
}
#popup .loading{ float:right; }

#tooltip{
	display: none;
	background: #cccccc;
	padding: 10px;
	text-align:left;
	font-size: 1em;
	position: fixed;
	z-index: 2005;
	
	-webkit-box-shadow: 0px 0px 10px #000;
	-moz-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}


#tooltip th{
	vertical-align:top;
}

#client-msg{
	position:fixed;
	right:10px;
	bottom:10px;
	width:300px;
	z-index: 2100;
}

#client-msg div.msg{ width:278px; margin:10px 0 0 0; color:black; background:#6699CC; overflow:hidden; }
#client-msg div.msg > .msg-inner{ padding:10px; }
#client-msg div.msg.type1{ background:#D6E9BE; }
#client-msg div.msg.type2{ background:#EC5D4E; }
#client-msg div.msg img{ float:left; width:48px; height:48px; }
#client-msg div.msg div.right{ float:right; width:200px; text-align:left; font-size:9pt; padding:5px; height:38px; overflow:hidden; background:white; }


img.btn_close {
	position:absolute;
	z-index:5;
	border:0;
	top:5px;
	right:5px;
	width:25px;
	height:25px;
}

.badge{ display:inline-block!important; color:#fff; padding:5px 7px; border-radius:5px; width:auto!important; }
.badge.success, .badge.green{ background:#098600; }
.badge.wait{ background:#003f86; }
.badge.inprogress{ background:#7a00e8; }
.badge.red{ background:#860000; }

#popup table{ border-collapse:separate; border-spacing:1px; }
#popup table td{ background:silver; font-size:9pt; text-align:left; margin:5px 0 0 0; vertical-align:middle; }
#popup table td.aright{ text-align:right; }
#popup div.doc div.full-block, .full-block, #popup div.doc div.demi-block, .demi-block{ display: inline-block; width: 100%; box-sizing: border-box; position: relative; padding: 10px; }
#popup div.doc div.demi-block, .demi-block{ width: 49%; }
.demi-block.nopad{ padding:0!important; }
#popup.form div.doc .fields .field div.demi-block span { display:block; text-align:right; position:absolute; right:15px; top:7px; width:auto !important; }
.radio-box {
	padding: 10px 0 0 20px;
	color: #484848;
}

.demi,[class^="tier"]{ display:inline-block; vertical-align:top; }
.demi{ width:49%; }
.quart{ width:24.8%; }
.tier{ width:32%; }
.tier-2{ width:64%; }
.padding{ padding:10px; }

.fLeft.demi, .fRight.demi{ padding:10px; }
.dyn-wrapper{ max-height:300px; overflow:auto; }
.alert{ display:block; border-radius:5px; padding:10px; margin:0 0 40px 0; position:relative; }
.alert .close{ position:absolute; top:10px; right:10px; width:20px; cursor:pointer; }
.alert.warning{ background:#CD7200; color:white; font-size:18px; }
.alert.info{ background:#90C7FF; margin:20px 0; }
.alert.success{ background:#088500; color:white; margin:20px 0; }
.alert.error{ background:#C50000; color:white; margin:20px 0; }

.td .error{ background:#a20000; color:#fff; }

.center{ text-align:center; }
.mBot{ margin-bottom:5px; }
table.aleft td, .aleft{ text-align:left; }
.aright{ text-align:right; }
.fLeft{ float:left; }
.fRight{ float:right; }
.click{ cursor:pointer; }
.form .input, .form textarea{ width:100%; }
.form textarea{  height:80px; }
.clear { clear:both; }
.preload{ display:none; }
.deployable-item{ display:none; }
.deployable-item.deployed{ display:block; }

@media (max-width: 1500px){
	#nav li {
		width: 48px;
		height: 48px;
	}
	#nav li a, #nav li a img {
		width: 30px;
		height: 30px;
	}
}