/* ===================================================================================================================================================== */
/* CSS GRC COSI+ 

	ce CSS contient les définitions spécifiques à cette appli, et notamment :
	- les couleurs de base de l'appli (liens, textes, backgrounds)
	- la structure de la page
*/
/* ===================================================================================================================================================== */


/* ================================================================================== LIENS */
a {
	color: #3E93A7;
}
/* ================================================================================== FIN LIENS */


/* ================================================================================== BUTTONS */
input[type=button], button.ui-button {
	color: #3E93A7 !important;
	border: solid 1px #3E93A7 !important;
}

input[type=button]:hover {
	background: #3E93A7 !important;
	color: white !important;
}

input[type=button].smallbutton.toup {
	background: url(../images/grc/xbutton_toup.png) no-repeat left center !important;
}

input[type=button].smallbutton.todown {
	background: url(../images/grc/xbutton_todown.png) no-repeat left center !important;
}

input[type=button].annulbutton {
	background-color: #10a7c4;
}

/* ================================================================================== FIN BUTTONS */


/* ================================================================================== TIMELINE */
#headergen_switchbutton input[type=button].on {
	background-color: #3E93A7 !important;
}

#headergen_switchbutton input[type=button].off:hover {
	color: #3E93A7 !important;
}

/* ================================================================================== FIN TIMELINE */


/* ================================================================================== COLONNE DROITE */
#header_colright {
	background-color: #3E93A7;
	color: #756D5F;
}
	
#header_colright .header_topcommandbuttons {
	background-color: #C3DBE2;
}
		
#header_colright .header_contentcommandbuttons {
	background-color: #C3DBE2;
}

#header_colright .header_applibuttons {
	position: relative;
	visibility: visible;
	float: right;
	height: 30px;
	text-align: center;
	padding: 2px 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	margin-right: 10px;
	background-color: #ffffff;
	/*background: url(../images/grc/plan.png) center center no-repeat #C3DBE2;*/
	width: 62px;
	cursor: pointer;
}	
#colright {
	color: #3E93A7;
	min-height: 490px;
}

#colright div.navigate {
	text-align: center;
	color: #3E93A7;
	font-size: 14px;
    font-weight: bold;
    width: 100%;
}
 
#colright h2 {
	color: white;
	background-color: #3E93A7;
}
 
#colright .contact_itemencours { /* 1ère section de la colonne contact -------------------------- */
	position: relative;
	float: left;
	width: 100%;
	font-size: 13px;
	margin-bottom: 10px;
}
 
#colright .contact_itemencours .icon_dossier {
	background: url(../images/common/icons/encoursdossier_17x17.png) no-repeat;
}
 
#colright .contact_itemencours .icon_contact {
	background: url(../images/common/icons/itemcontact_17x17.png) no-repeat;
}
 
#colright .contact_itemcontent { /* contenu d'un item d'une section (hors icone) ------------------------------ */
	display: block;
	float: left;
	/*max-width: 176px;*/
	text-align: left;
	line-height: 14px;
	font-size: 13px;
	color: #285F6A;
}
 
#colright .encours { /* item cliqué (ouvert) ------------------------------ */
	background-color: #C3DBE2;
}
 
#colright .contact_date { /* section date de la colonne contact (tous les contacts d'une date donnée) -------------------------- */
	position: relative;
	float: left;
	width: 100%;
	font-size: 13px;
}
 
#colright .contact_datelib { /* date de la section (aujourd'hui, hier, etc.) -------------------------- */
	position: relative;
	float: right;
	padding: 0px 10px 0px 0px;
	color: #285F6A;
	border-bottom: solid 5px #3E93A7;
}
 
#colright .contact_folderitemencours { /* dossiers du contact en cours (ouvert) -------------------------- */
	display: block;
	float: left;
	background: url(../images/common/icons/contactvsdossier_17x17.png) no-repeat left top;
	padding: 0px 0px 0px 20px;
	color: #285F6A;
	min-height: 17px;
	clear: both;
}
 
#colright .contact_item { /* bloc contenant la totalité d'un contact -------------------------- */
	position: relative;
	float: left;
	width: 100%;
	padding: 2px 0px 2px 0px;
	margin-bottom: 1px;
	clear: both;
}
	 
#colright .dossier_item { /* bloc contenant la totalité d'un dossier -------------------------- */
	position: relative;
	float: left;
	width: 100%;
	padding: 2px 0px 2px 0px;
	margin-bottom: 1px;
	clear: both;
}

#colright .contact_item:hover, #colright .dossier_item:hover {
	background-color: #3E93A7;
	cursor: pointer;
}

#colright .contact_item:hover span, #colright .dossier_item:hover span {
	color: white;
}
 
#colright .contact_icon { /* bloc contenant l'icone associé à un contact (partie gauche de contact_item) -------------------------- */
	display: block;
	float: left;
	width: 17px;
	height: 17px;
	margin-left: 5px;
	margin-right: 5px;
}
 
#colright .contact_item .icon_encours {
	background: url(../images/common/icons/contactencours_17x17.png) no-repeat;
}
 
#colright .contact_item .icon_plus {
	background: url(../images/common/icons/contactplus_17x17.png) no-repeat;
}
	
#colright .contact_item .icon_close {
	background: url(../images/common/icons/contactclose_17x17.png) no-repeat;
}
 
#colright .contact_item .icon_important {
	background: url(../images/common/icons/contactimportant_17x17.png) no-repeat;
}
	
#colright .dossier_item .icon_encours {
	background: url(../images/common/icons/encoursdossier_17x17.png) no-repeat;
}
 
#colright .dossier_item .icon_plus {
	background: url(../images/common/icons/plusdossier_17x17.png) no-repeat;
}
	
#colright .dossier_item .icon_close {
	background: url(../images/common/icons/closedossier_17x17.png) no-repeat;
}
 
#colright .dossier_item .icon_important {
	background: url(../images/common/icons/importantdossier_17x17.png) no-repeat;
}
 
#colright .contact_hour { /* heure d'un contact -------------------------- */
	font-size: 14px;
	color: #3D3225;
}
 
#colright .contact_libelle { /* libellé d'un contact -------------------------- */
	display: block;
	font-style: italic;
	color: #285F6A;
	clear: both;
}

/* ================================================================================== FIN COLONNE DROITE */


/* ================================================================================== TABLEAUX */
td.totalapayer {
	background-color: #3E93A7;
	color: white;
	border: solid 1px #3E93A7;
}

td.libtotalapayer {
	color: #3E93A7;
}

td.rubrique {
	background-color: #FFF8E4;
}

/* ================================================================================== FIN TABLEAUX */


/* ================================================================================== BOITE A ONGLET */
#tabmenu ul li a {
	background-color: #3E93A7; 
	color: white;
	border-bottom: solid 1px #2F6470;
}
	
#tabmenu ul li a:hover {
	background-color: #64A8B7;
}

#tabmenu ul li a.active { 
	color: #3E93A7;
	background-color: #3E93A7; 
}

#tabmain p { 
	color:#3E93A7;
}

/* ================================================================================== FIN BOITE A ONGLET */


/* ================================================================================== BLOC DATA 1 */
.datawrapper1 .dw1_header {
	background-color: #C3DBE2;
}

.datawrapper1 .dw1_headerleft {
	background-color: #3E93A7;
}
 
.datawrapper1 .datas:first-child {
	border-right: solid 6px #3E93A7;
}
 
.datawrapper1 .datas .dossiertitle {
	color: #3E93A7;
	border-bottom: solid 1px #3E93A7;
}
	
.datawrapper1 #processcontainer span, .datawrapper1 #processcontainer input {     
	font-size: 12px;
    margin-left: 20px;
    vertical-align: top;
    z-index: 1000;
}

.datawrapper1 #processcontainer h2.star0 {
	background: url(../images/grc/1star.png) no-repeat right;
}
 
.datawrapper1 #processcontainer h2.star10 {
	background: url(../images/grc/2star.png) no-repeat right;
}
 
.datawrapper1 #processcontainer h2.star9999 {
	background: url(../images/grc/3star.png) no-repeat right;
}

.datawrapper1 #processcontainer span.pr9999 {
	font-weight: bold !important;
	color: #3E93A7 !important;
}

.datawrapper1 #processcontainer span.pr10 {
	font-weight: bold !important;
	color: #C3DBE2 !important;
}

.datawrapper1 #processcontainer span.pr0 { 
	font-weight: normal !important;
	color: #bbbbbb !important;
}

.datawrapper1 .datainfo {
	background-color: #3E93A7;
}
 
.datawrapper1 .datainfo .title {
	background-color: #40FFFF;
	color: #3E93A7;
}
    
.datawrapper1 .datainfo .msginfo-content {
	color: #40FFFF;
}
	
/* ================================================================================== FIN BLOC DATA 1 */


/* ================================================================================== DIVERS */
.blockborder {
	border-left: solid 1px #3E93A7;
	border-right: solid 1px #3E93A7;
	border-bottom: solid 1px #3E93A7;
	border-top: solid 6px #3E93A7;
}

.blockmsginfo {
	background-color: #3E93A7;
}

.blockmsginfo .title {
	background-color: #40FFFF;
	color: #3E93A7;
}
     
.blockmsginfo .msginfo-content {
	color: #40FFFF;
}

/* ================================================================================== FIN DIVERS */
	

/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* HEADER (haut de page, fiches : client, contrat, promo) + entête CONTACT ----------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
#header {
	position: relative;
	visibility: visible;
	float: left;
	width: 1260px;
	height: 130px;
}

#header_content {
	position: relative;
	visibility: visible;
	float: left;
	width: 1080px; 
	margin-left: 20px;
}

#header_content h1 {
	color: #C4DCE3;
    font-size: 90px;
    font-weight: normal;
    margin: 0;
    padding-top: 10px;
    float: left;
}

#header_content h2 {
	color: #C4DCE3;
    font-size: 30px;
    font-weight: normal;
    margin: 0;
    padding-top: 10px;
    padding-left: 180px;
    float: left;
}

#header_connexion a {
	font-weight: normal;
}

#header_connexion a:hover {
	text-decoration: underline;
}

#header_contactbuttons_shadow {
	position: absolute;
	visibility: visible;
	width: 370px;
	height: 132px;
	left: 871px; 
	top: 0px;
	border-bottom-left-radius: 20px;
	background-color: #3E93A7;
	color: #756D5F;
	padding: 7px 6px 5px 8px;
	overflow: hidden;
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	z-index: 1;
}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* FIN HEADER ------------------------------------------------------------------------------------------------------------------------------------------ */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */


/*																BLOC LISTE DOSSIERS 
-------------------------------------------------------------------------------------------------------------------------------------------------------- */
.folderslist {
	position: relative;
	float: left;
}

.folderslist .folderslist_wrap {
	position: relative;
	float: left;
	clear: both;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	background: white url(../images/common/backgrounds/card_bkgnd.png) repeat-x bottom left;
	width: 990px;
}

.folderslist .folderslist_colclidos {    
	float: left;
    padding: 10px 30px 0;
    position: relative;
    width: 965px;
}

.folderslist .folderslist_col {
	position: relative; 
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	border-right: solid 6px #C3DBE2;
	width: 230px;
}

.folderslist .folderslist_col:first-child {
	margin-left: 9px;
}
 
.folderslist .folderslist_col:last-child {
	border-right: none;
}
 
.folderslist .folderslist_colheader {
	position: relative; 
	float: left;
	color: #3E93A7;
	text-transform: uppercase;
	margin: 10px;
}
 
.folderslist .folderslist_colheader .fat {
	font-size: 28px;
	line-height: 20px;
}

.folderslist .folderslist_header {
	position: relative;
	float: left;
	background-color: #3E93A7;
	color: #ffffff;
	border-bottom-right-radius: 15px;
	font-size: 13px;
	padding: 0px 10px 5px 10px;
}

.folderslist .folderslist_footer {
	position: relative;
	float: left;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	background: white url(../images/common/backgrounds/card_bkgnd.png) repeat-x bottom left;
	color: #3D3225;
	font-weight: bold;
	font-size: 14px;
	width: 100%;
}

.folderslist .folderslist_content {
	position: relative;
	float: left;
	clear: both;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	background: white url(../images/common/backgrounds/card_bkgnd.png) repeat-x bottom left;
	color: #3D3225;
	font-weight: bold;
	font-size: 14px;
	width: 100%;
}

.folderslist .itemslist {
	position: relative;
	float: left;
	clear: both;
	margin: 10px 5px 5px;
}

.folderslist .itemslist table {
	margin-bottom: 15px;
	border: none;
}
	
.folderslist .itemslist tr {
	border: none;
}

.folderslist .itemslist th {
	color: #3E93A7;;
	font-size: 14px;
}

.folderslist .itemslist td {
	font-size: 12px;
}

.folderslist .itemslist td, .folderslist .itemslist th {
	padding: 2px 10px 2px 10px;
	border: none;
	vertical-align: top;
}

.folderslist #dossiers.itemslist td.sub, .folderslist #dossiers.itemslist th.sub {
	width: 180px;
}

.folderslist #dossiers.itemslist th.sub {
	padding: 5px;
	font-weight: bold;
}

.folderslist #dossiers.itemslist td.selstat {
	background-color: rgb(137, 177, 233);
	color: white;
	padding: 5px 0 0 5px;
	font-size: 11px;	
}

.folderslist #dossiers.itemslist td.sub {
	padding: 5px 0 0 5px;
	font-weight: normal;
	font-size: 11px;
}

.folderslist #dossiers.itemslist td.sub span {
	width: 150px;
	float: right;
}

.folderslist .itemslist td.graph div {
	width: 150px;
	height: 150px;
}

.folderslist .item {
	position: relative;
}

.folderslist .folder_wrap .infos {
    font-size: 12px !important;
}
.folderslist .folder_wrap .infos_fixed {
    font-size: 12px !important;
    height:30px;
    overflow:hidden;
}
.folderslist .folder_wrap .infos_title {
	background: url(../images/common/icons/folder_29x29.png) no-repeat 5px 5px;
	padding-left:35px;
    height: 62px;
    background-color: floralwhite;
}
.folderslist .curitemlist {
	border-bottom-right-radius: 15px;
    border-left: 1px dotted #979797;
    float: left;
    margin-bottom: 10px;
    padding: 0 15px 0 20px;
    position: relative;
    width: 715px;
}

.folderslist .curitemgraph {
    float: left;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
    margin-bottom: 10px;
    padding: 0 20px;
    width: 955px;
}

.folderslist .curitemgraph .title {    
	float: left;
    margin-top: 5px;
    text-align: center;
/*    width: 470px; */ /*two charts*/
    width: 940px;  /*one chart*/
}

.folderslist .curitemgraph .graph {    
	float: left;
    height: 500px;
/*    width: 600px;*/
/*    margin: 35px; */ /*two charts*/
/*    margin: 35px 200px;   one chart*/
}
.folderslist .statistique{
	clear:both;
	height:500px;
	overflow:auto;
	font-size:10px;
	color:black;
}
.folderslist .statistique table{
	margin-left:auto;
	margin-right:auto;
}
.title table{
	margin-left:auto;
	margin-right:auto;
}
.folderslist .statistique th{
	font-weight:bold;
}
.folderslist .statistique tr td:first-child{
	text-align:left;
}
.folderslist .statistique td{
	text-align:right;
}
.folderslist .statistique tr:hover{
	background-color:#C3DBE2;
}
.folderslist .statistique tr.footer{
	background-color:rgb(240, 239, 237);
}
.folderslist .statistique tr.footer td{
	font-weight:bold;
}

.folderslist .curitemlist .title {
	position: relative;
	float: left;
	width: 100%;
	clear: both;
	margin-bottom: 10px;
}

/*																FIN BLOC LISTE DOSSIERS 
-------------------------------------------------------------------------------------------------------------------------------------------------------- */

.relevereelle{width:10px;}
.releveestimee{width:10px;background: url(../images/estime.png) no-repeat center center;}

/*																BLOC DOSSIER 
-------------------------------------------------------------------------------------------------------------------------------------------------------- */
.folder {
	position: relative;
	float: left;
	width: 230px; 
	overflow: hidden;
	color: white;
	font-size: 13px;
	font-weight: normal;
	margin-right: 5px;
	margin-bottom: 10px;
}
	
.folder .objet_0 { /* PDL */
	cursor: pointer;
	background: url(../images/common/icons/pdl_20x20.png) no-repeat 5px 4px;
}

.folder .objet_1, .folder .objet_2, .folder .objet_14, .folder .objet_15 { /* RELEVE */
	cursor: pointer;
	background: url(../images/common/icons/releve_20x20.png) no-repeat 5px 4px;
}

.folder .objet_3, .folder .objet_13, .objcard .objet_25, .objcard .objet_26, .objcard .objet_27, .objcard .objet_28 {/* FACTURE */
	cursor: pointer;
	background: url(../images/common/icons/facture_20x20.png) no-repeat 5px 4px;
}

.folder .objet_4, .folder .objet_12 {/* TRAVAUX */
	cursor: pointer;
	background: url(../images/common/icons/facturetravaux_20x20.png) no-repeat 5px 4px;
}

.folder .objet_5 {/* CLIENT */
	cursor: pointer;
	background: url(../images/common/icons/body_20x20.png) no-repeat 5px 4px;
}

.folder .objet_6 {/* AGENT */
	cursor: pointer;
	background: url(../images/common/icons/agent_20x20.png) no-repeat 5px 4px;
}

.folder .objet_7 {/* ABO */
	cursor: pointer;
	background: url(../images/common/icons/abonnement_20x20.png) no-repeat 5px 4px;
}

.folder .objet_8, .objcard .objet_29, .objcard .objet_30 {/* MENSU */
	cursor: pointer;
	background: url(../images/common/icons/echeancemensu_20x20.png) no-repeat 5px 4px;
}

.folder .objet_9, .folder .objet_16 { /* WITHOUT ICON */
	cursor: pointer;
}

.folder .objet_10 {/* ENCAISS */
	cursor: pointer;
	background: url(../images/common/icons/encaissement_20x20.png) no-repeat 5px 4px;
}

.folder .objet_11, .folder .objet_17 {/* COMPTEUR */
	cursor: pointer;
	background: url(../images/common/icons/compteur_20x20.png) no-repeat 5px 4px;
}

.folder .objet_20 {/* PROJET */
	cursor: pointer;
	background: url(../images/common/icons/folder_20x20.png) no-repeat 5px 4px;
}

.folder .objet_22 {/* CONTACTV */
	cursor: pointer;
	background: url(../images/common/icons/contact_20x20.png) no-repeat 5px 4px;
}

.folder .objet_23 {/* HPROCESS */
	cursor: pointer;
	background: url(../images/common/icons/hprocess_20x20.png) no-repeat 5px 4px;
}

.folder .objet_31 {/* PROCESSOR */
	cursor: pointer;
	background: url(../images/common/icons/processeur_20x20.png) no-repeat 5px 4px;
}
.folder .objet_32 {/* DOCUMENT */
	cursor: pointer;
	background: url(../images/common/icons/courrier_20x20.png) no-repeat 5px 4px;
}

.folder_header {
	position: relative;
	float: left;
	width: 120px;
	height: 12px;
	background-color: #F0EFED;
	color: #3D3225;
	border-top-right-radius: 10px;
	text-align: center;
	padding: 2px 0px 2px 0px;
	overflow: hidden;
}

.folder_header a {
	color: #3D3225;
	text-decoration: none;
}

.folder_header a:hover {
	text-decoration: none;
}

.folder_wrap {
	position: relative;
	float: left;
	width: 218px;
	min-height: 40px;
	background-color: #ffffff;
	color: #285F6A;
	border-left: solid 1px #e8e8e8;
	border-right: solid 1px #e8e8e8;
	border-top: solid 1px #e8e8e8;
	border-top-right-radius: 10px;
	padding: 5px;
	overflow: hidden;
	font-size: 13px;
	clear: both;
}

.folder_wrap .folderlib {
	position: relative;
	float: left;
	width: 60px; 
	text-align: right;
	padding-right: 5px;
	line-height: 18px;
	clear: both;
	overflow: hidden;
}

.folder_wrap .folderdata {
	position: relative; 
	float: left;
	line-height: 18px;
	margin-left: 0px;
	padding-left: 5px;
	background-color: #fff;
	color: black;
	font-size: 13px;
	overflow: hidden;
}

.folder_wrap .simplefolderdata {
	position: relative;
	line-height: 18px;
	margin-left: 0px;
	padding-left: 5px;
	background-color: #fff;
	color: black;
	font-size: 13px;
	overflow: hidden;
}

.folder_wrap .libelle {
	float: left;
}

.folder_footer {
	position: relative;
	float: left;
	width: 230px;
	height: 22px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom: solid 1px #e8e8e8;
	color: black;
	padding: 5px 0 0 0;
	text-align: center;
	clear: both;
}

.folder_footer span {
	padding-left: 20px;
}

.folder_footer_urgent3 {
	background-color: #ffffff;
	border-top: solid 2px red;
}

.folder_footer_urgent2 {
	background-color: #ffffff;
	border-top: solid 2px #ff6001;
}

.folder_footer_urgent1 {
	background-color: #ffffff;
	border-top: solid 2px #035111;
}

.folder_footer_closed {
	background-color: #C3DBE2 !important;
	border-top: solid 2px #3E93A7;
	overflow: hidden;
	font-weight: bold;
}

/*																FIN BLOC DOSSIERS 
-------------------------------------------------------------------------------------------------------------------------------------------------------- */


/*																BLOC FIND 
-------------------------------------------------------------------------------------------------------------------------------------------------------- */

.findmenu {
    background-color: #FFFFFF;
    border: 1px solid #000000;
    padding: 3px;
    position: fixed;
    width: 310px;
}

.contact {
	height: 20px;
	text-align: left;
	vertical-align: middle;
	cursor: pointer;
	padding: 0;
	color: #3E93A7;
	font-size: 13px;
}

.contact:hover {
	height: 20px;
	text-align: left;
	vertical-align: center; 
	background-color: #3E93A7;
	color: white;
	font-size: 13px;
}

/*																FIN BLOC FIND 
-------------------------------------------------------------------------------------------------------------------------------------------------------- */


/*																BLOC LOGIN
-------------------------------------------------------------------------------------------------------------------------------------------------------- */
#login-box .dialog-box {
	float: none;
	width: 500px;
	margin: auto;
	top: 50px;
}

#login-box .dialog-box .dialog-content {
	margin: 0;
}

#login-box .dialog-box .twocols {
    margin-right: 30px;
}

#login-box .dialog-box .twocols h1, #login-box .dialog-box .twocols p {
    text-align: center;
}

#login-box .dialog-box input[type="text"], #login-box .dialog-box input[type="password"] {
    width: 125px;
}

#login-box #loginrapport {
    color: red;
    font-size: 15px;
    font-weight: bold;
    line-height: 25px;
}

/*																FIN BLOC LOGIN
-------------------------------------------------------------------------------------------------------------------------------------------------------- */


/*																BLOC SPECIFIC
-------------------------------------------------------------------------------------------------------------------------------------------------------- */
.folderslist #dossiers.itemslist {
	width: 225px;
}
.w100{
	width:100px;
}
#selectcondos_content .dialog-box .datawrapper1 .datas {
	min-width: 100px;
}

#DialogEdit_content .dialog-box .datawrapper1 .datas form #CONTAINERediteur {
	width: 100% !important;
}

#DialogEdit_content .dialog-box .datawrapper1 .datas form #CONTAINERediteur #CONTROLSediteur {
	width: auto !important;
}

#DialogEdit_content .dialog-box .datawrapper1 .datas form #CONTAINERediteur button {
	width: 28px !important;
}

#processcontainer .dw1_itemdata {
	min-width: 100%;
}

#mesdossiers .folder_wrap, #tdclientdossiers .folder_wrap {
	height: 70px !important;
}
/*																FIN BLOC SPECIFIC
-------------------------------------------------------------------------------------------------------------------------------------------------------- */
.isselected{
	background:url('../images/grc/xsbutton.png') no-repeat left center;
}
/*************************************************************************
GRAPH
*************************************************************************/

.grc_tooltip{display:none;position:absolute;font-family:Tahoma;font-size:8pt;color:#A4BED4;z-index:40000;background-color:white;padding:2px 2px 2px 2px;border:1px solid #A4BED4;}
.grc_chart{position:relative;font-family:Verdana;font-size:13px;color:#000;overflow:hidden;}
.grc_canvas_text{position:absolute;text-align:center;overflow:hidden;white-space:nowrap;}
.grc_map_img{width:100%;height:100%;position:absolute;top:0;left:0;border:0;filter:alpha(opacity=0);}
.grc_axis_item_y{position:absolute;height:10px;line-height:10px;text-align:right;}
.grc_axis_title_x{text-align:center;}
.grc_axis_title_y{text-align:center;font-family:Verdana;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-o-transform:rotate(-90deg);padding-left:3px;}
.grc_chart_legend{position:absolute;}
.grc_chart_legend_item{height:18px;line-height:18px;padding:2px;}

/************************************************************************
* CALENDRIER
************************************************************************/

.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.pika-single:before,
.pika-single:after {
    content: " ";
    display: table;
}
.pika-single:after { clear: both }
.pika-single { *zoom: 1 }

.pika-single.is-hidden {
    display: none;
}

.pika-single.is-bound {
    position: absolute;
    box-shadow: 0 5px 15px -5px rgba(0,0,0,.5);
}

.pika-lendar {
    float: left;
    width: 240px;
    margin: 8px;
}

.pika-title {
    position: relative;
    text-align: center;
}

.pika-label {
    display: inline-block;
    *display: inline;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
}
.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0;
}

.pika-prev,
.pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5;
    *position: absolute;
    *top: 0;
}

.pika-prev:hover,
.pika-next:hover {
    opacity: 1;
}

.pika-prev,
.is-rtl .pika-next {
    float: left;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
    *left: 0;
}

.pika-next,
.is-rtl .pika-prev {
    float: right;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
    *right: 0;
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
    cursor: default;
    opacity: .2;
}

.pika-select {
    display: inline-block;
    *display: inline;
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

.pika-table th,
.pika-table td {
    width: 14.285714285714286%;
    padding: 0;
}

.pika-table th {
    color: #999;
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
    text-align: center;
}

.pika-button {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5;
}

.pika-week {
    font-size: 11px;
    color: #999;
}

.is-today .pika-button {
    color: #33aaff;
    font-weight: bold;
}

.is-selected .pika-button {
    color: #fff;
    font-weight: bold;
    background: #33aaff;
    box-shadow: inset 0 1px 3px #178fe5;
    border-radius: 3px;
}

.is-inrange .pika-button {
    background: #D5E9F7;
}

.is-startrange .pika-button {
    color: #fff;
    background: #6CB31D;
    box-shadow: none;
    border-radius: 3px;
}

.is-endrange .pika-button {
    color: #fff;
    background: #33aaff;
    box-shadow: none;
    border-radius: 3px;
}

.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3;
}

.pika-button:hover {
    color: #fff;
    background: #ff8000;
    box-shadow: none;
    border-radius: 3px;
}

/* styling for abbr */
.pika-table abbr {
    border-bottom: none;
    cursor: help;
}

**********************************************************************************************************
.vsep{
	width:13px;
	height:29px;
	boredr:none;
	background: url(../images/common/backgrounds/vsep.png) no-repeat center center !important;
	float:left;
	padding:3px;
}

.critical{
	position:fixed;
	width:100%;
	height:200px;
	top:30%;
	text-align:center;
	background: url(../images/grcs/critical.png) no-repeat center top !important;
}