html {
	font-size:16px;
}

body {
	width: 100%;
	height: 100%;
}

.lock965 {
	min-width:965px;
}

header {
	top:0;
	left:0;
	right:0;
	
	width: auto;
}

#main {
	margin: 40px 0px 40px 0px;
	position:absolute;
	bottom: 160px;
	top: -25px;
	right: 10px;
	left:10px;
	zindex: 40px;
	/*border:1px solid #A2BFE9;*/
}

/*
.ui-dialog {
	width:100%;
}
*/

#main-overlay {
	margin: 40px;
	position: absolute;
	bottom: 160px;
	top: 0px;
	right: 0px;
	left: 10px;
	background-color: black;
	margin-left:340px; 
	margin-right:40px;
	z-index: 50;
	opacity:0.5;
}

iframe html {
	overflow-y: hidden;
}

#control-bar button {
	margin-right:0px;
}

.blackPageOverlay {
	position: fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	
	display:none;
	
	background-color:#000000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;	
	
	z-index:1000;
}

table.separate, .separate > table {
	boder-separate: 8px;
	border-collapse:separate;
}

#contentOverlay {
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	
	display:none;
	
	color:#222222;
	text-align:center;
	
	background-color: rgba(255, 255, 255, 0.7);	
	
	z-index:1000;	
}

.loadingOverlay {
	position: fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	
	display:none;
	
	color:#222222;
	text-align:center;
	
	background-color:#FFFFFF;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;	
	
	z-index:1000;	
}

.loadingTableauOverlay {
	position: absolute;
	
	
	display:none;
	width : 100%;
    height : 100%;
	color:#222222;
	text-align:center;
	
	background-color:#FFFFFF;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;	
	
	z-index:1000;	
}

#contentOverlay .loadingSpanWrapper, .loadingOverlay .loadingSpanWrapper{
	position:absolute;
	top:180px;
	left:0px;
	right:0px;
	height:40px;
	
	background:none;
	z-index:800;
}

.loadingTableauOverlay .loadingSpanWrapper{
	position:relative;
	top:100px;
	left:0px;
	right:0px;
	height:40px;
	
	background:none;
	z-index:800;
}

#contentOverlay .loadingAnimationWrapper{
	position:absolute;
	top:220px;
	left:0px;
	right:0px;
	
	height:12px;
}

.loadingTableauOverlay .loadingAnimationWrapper {
	position:relative;
	top:100px;
	left:0px;
	right:0px;
	
	height:12px;
}

#contentOverlay .loadingAnimationContainer, .loadingTableauOverlay .loadingAnimationContainer {
	width:200px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	
	background-image: url("../images/grey-stripes.png");
	background-color: rgba(255, 255, 255, 0.2);
	
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
	
	border: 2px solid rgba(0, 0, 0, 0.3);

    -webkit-animation: 	loadingSlideAnim 0.5s linear infinite;
    -moz-animation: 	loadingSlideAnim 0.5s linear infinite;
    -ms-animation: 		loadingSlideAnim 0.5s linear infinite;
    -o-animation: 		loadingSlideAnim 0.5s linear infinite;
    animation: 			loadingSlideAnim 0.5s linear infinite;	
}

@-webkit-keyframes loadingSlideAnim {from {background-position:0 0}to {background-position:20px 0}}
@-moz-keyframes loadingSlideAnim  {from {background-position:0 0}to {background-position:20px 0}}
@-ms-keyframes loadingSlideAnim {from {background-position:0 0}to {background-position:20px 0}}
@-o-keyframes loadingSlideAnim {from {background-position:0 0}to {background-position:20px 0}}
@keyframes loadingSlideAnim {from {background-position:0 0}to {background-position:20px 0}}

#contentOverlay span, .loadingOverlay span, .loadingTableauOverlay span{
	font-size: 32px;
	color:#444;
	display:block;
	font-family: Arial;
}

.logo-abovecrm {
	position:absolute;
	top:30px;
	right:10px;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;	
}

.logo-abovecrm img {
	height:55px;
}

.block-content h1 a {
	padding:0px;
	margin:0px;
	top:-6px !important;
}

#pagecontentwrapper {
	padding:0px;
}

.even {
	
}

.odd {

}

.favdivmenu {
	display:inline;
}

.favdivmenu h1 {
	color: rgb(63, 82, 95);
	font-size:1.5em;
	text-shadow:1px 1px 0px rgba(255, 255, 255, 0.3);
	margin-bottom:1em;
	margin:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#ListMainFrame {
	
	width:100%;
	
	-webkit-transition: height 0.5s;
	-moz-transition: height 0.5s;
	-ms-transition: height 0.5s;
	-o-transition: height 0.5s;
	transition: height 0.5s;
}

iframe body {
	background: transparent;
}

#mainFrameWrapper {
	background:none; 
	padding:0px; 
	padding-top:30px;
	
	-webkit-transition: padding 0.5s;
	-moz-transition: padding 0.5s;
	-ms-transition: padding 0.5s;
	-o-transition: padding 0.5s;
	transition: padding 0.5s;
}

#mainFrameWrapper.paddingless {
	padding: 0px;
}

/* MENUS */

ul.container_12 > li > ul {
	left:0px !important;
}

li.menu-AboveCRM > a, li.menu-AboveCRM {
	background-image: url("../images/icons/home_2states.png");
}

li.menu-Info > a, li.menu-Info{
	background-image: url("../images/icons/settings_2states.png");
}

li.menu-Admin > a, li.menu-Admin {
	background-image: url("../images/icons/users_2states.png");
}

li.menu-Assist > a, li.menu-Assist {
	background-image: url("../images/icons/setts_2states.png");
}

li.menu-Repports > a, li.menu-Repports {
	background-image: url("../images/icons/write_2states.png");
}

li.menu-Prefs > a, li.menu-Prefs {
	background-image: url("../images/icons/prefs_2states.png");
}

li.menu-Maintain > a, li.menu-Maintain{
	background-image: url("../images/icons/maint_2states.png");
}
li.menu-AddTicket > a, li.menu-AddTicket{
	background-image: url("../images/icons/addplus_2states.png");
}
li.menu-SaisieRapide > a, li.menu-SaisieRapide{
	background-image: url("../images/icons/addplus_2states.png");
}

li.menu-EQEM > a, li.menu-EQEM{
	background-image: url("../images/icons/broom.png");
}


li.menu-AboveCRM-small > a, li.menu-AboveCRM-small {
	background-image: url("../images/icons/home_2states.png");
    background-size: 40px;
    height:40px;
    width: 40px;
    padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
}

li.menu-Info-small > a, li.menu-Info-small{
	background-image: url("../images/icons/settings_2states.png");
    background-size: 40px;
    height:40px;
    width: 40px;
    padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
}

li.menu-Admin-small > a, li.menu-Admin-small {
	background-image: url("../images/icons/users_2states.png");
    background-size: 40px;
    height:40px;
    width: 40px;
    padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
}

li.menu-Assist-small > a, li.menu-Assist-small {
	background-image: url("../images/icons/setts_2states.png");
    background-size: 40px;
    height:40px;
    width: 40px;
    padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
}

li.menu-Repports-small > a, li.menu-Repports-small {
	background-image: url("../images/icons/write_2states.png");
    background-size: 40px;
    height:40px;
    width: 40px;
    padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
}

li.menu-Prefs-small > a, li.menu-Prefs-small {
	background-image: url("../images/icons/prefs_2states.png");
    background-size: 40px;
    height:40px;
    width: 40px;
    padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
}

li.menu-Maintain-small > a, li.menu-Maintain-small{
	background-image: url("../images/icons/maint_2states.png");
    background-size: 40px;
    height:40px;
    width: 40px; 
    padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
}
li.menu-AddTicket-small > a, li.menu-AddTicket-small{
	background-image: url("../images/icons/addplus_2states.png");
    background-size: 40px;
    height:40px;
    width: 40px;
    padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
}
li.menu-SaisieRapide-small > a, li.menu-SaisieRapide-small{ /* je ne sais pas à quoi ça sert... */ 
	background-image: url("../images/icons/addplus_2states.png");
    background-size: 40px;
    height:40px;
    width: 40px;
    padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
}

li.menu-EQEM-small > a, li.menu-EQEM-small{ /* je ne sais pas à quoi ça sert... */ 
	background-image: url("../images/icons/broom.png");
    background-size: 40px;
    height:40px;
    width: 40px;
    padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
}




li.menu-AboveCRM-tiny > a, li.menu-AboveCRM-tiny {
	background-image: url("../images/icons/home_2states.png");
    background-size: 25px;
    height:25px;
    width: 25px;
    padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
    background-position: 10px -33px;
}

li.menu-Info-tiny > a, li.menu-Info-tiny{
	background-image: url("../images/icons/settings_2states.png");
    background-size: 25px;
    height:25px;
    width: 25px;
    padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
    background-position: 10px -33px;
}

li.menu-Admin-tiny > a, li.menu-Admin-tiny {
	background-image: url("../images/icons/users_2states.png");
    background-size: 25px;
    height:25px;
    width: 25px;
    padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
    background-position: 10px -33px;
}

li.menu-Assist-tiny > a, li.menu-Assist-tiny {
	background-image: url("../images/icons/setts_2states.png");
    background-size: 25px;
    height:25px;
    width: 25px;
    padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
    background-position: 10px -33px;
}

li.menu-Repports-tiny > a, li.menu-Repports-tiny {
	background-image: url("../images/icons/write_2states.png");
    background-size: 25px;
    height:25px;
    width: 25px;
    padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
    background-position: 10px -33px;
}

li.menu-Prefs-tiny > a, li.menu-Prefs-tiny {
	background-image: url("../images/icons/prefs_2states.png");
    background-size: 25px;
    height:25px;
    width: 25px;
    padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
    background-position: 10px -33px;
}

li.menu-Maintain-tiny > a, li.menu-Maintain-tiny{
	background-image: url("../images/icons/maint_2states.png");
    background-size: 25px;
    height:25px;
    width: 25px;
    padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
    background-position: 10px -33px;
}
li.menu-AddTicket-tiny > a, li.menu-AddTicket-tiny{ 
	background-image: url("../images/icons/addplus_2states.png");
    background-size: 25px;
    height:25px;
    width: 25px;
    padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
    background-position: 10px -33px;
}
li.menu-SaisieRapide-tiny > a, li.menu-SaisieRapide-tiny{
	background-image: url("../images/icons/addplus_2states.png");
    background-size: 25px;
    height:25px;
    width: 25px;
    padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
    background-position: 10px -33px;
}

li.menu-EQEM-tiny > a, li.menu-EQEM-tiny{
	background-image: url("../images/icons/broom.png");
    background-size: 25px;
    height:25px;
    width: 25px;
    padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
    background-position: 10px -33px;
}

#histoOverlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: none;
	color: #222222;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.7);
	z-index: 1000;
}

#histoOverlay .loadingSpanWrapper, .loadingOverlay .loadingSpanWrapper {
	position: absolute;
	bottom: 220px;
	left: 0px;
	right: 0px;
	height: 40px;
	background: none;
	z-index: 800;
}

#histoOverlay .loadingAnimationWrapper {
	position: absolute;
	bottom: 180px;
	left: 0px;
	right: 0px;
	height: 12px;
}

#histoOverlay .loadingAnimationContainer, .loadingTableauOverlay .loadingAnimationContainer {
	width: 200px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	background-image: url("../images/grey-stripes.png");
	background-color: rgba(255, 255, 255, 0.2);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
	border: 2px solid rgba(0, 0, 0, 0.3);
	-webkit-animation: loadingSlideAnim 0.5s linear infinite;
	-moz-animation: loadingSlideAnim 0.5s linear infinite;
	-ms-animation: loadingSlideAnim 0.5s linear infinite;
	-o-animation: loadingSlideAnim 0.5s linear infinite;
	animation: loadingSlideAnim 0.5s linear infinite;
}

#histoOverlay span, .loadingOverlay span, .loadingTableauOverlay span {
	font-size: 32px;
	color: #444;
	display: block;
	font-family: Arial;
}

.loadingTableauOverlay .loadingAnimationWrapper {
	position: relative;
	top: 100px;
	left: 0px;
	right: 0px;
	height: 12px;
}