@CHARSET "ISO-8859-1";

body {
	margin: 0;
	padding: 0;	
}

.docGrid_conteneur {
	width: 100%;
}

.docGrid_cadre_titre {
	border: 1px solid #CCCCCC;
	/*background-color: #5C8AA3;*/
	background-color: #7690b6;
	/*width: 100%;*/
	margin-bottom: 10px;
}

.docGrid_titre {
	font-weight: bold;
	font-family: Arial;
	font-size: 14px;
	color: #FFFFFF;
	padding: 4px;
}

.docGrid_cadre_pagination {
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	/*width: 100%;*/
	margin-bottom: 0px;
}

.docGrid_bloc_ajout_document {
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	/*width: 100%;*/
	margin-bottom: 10px;
}

.docGrid_pagination {
	font-weight: bold;
	font-family: Arial;
	font-size: 12px;
	color: #999999;
	padding: 4px;
}

.docGrid_cadre_no_result {
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	/*width: 100%;*/
	margin-bottom: 0px;
	text-align: center;
}

.docGrid_no_result {
	font-weight: bold;
	font-family: Arial;
	font-size: 12px;
	color: #999999;
	padding: 4px;
}

.docGrid_pagination_lien {
	font-weight: bold;
	font-family: Arial;
	font-size: 12px;
	color: #999999;
	text-decoration: none;
	cursor: pointer;
	padding-left: 2px;
	padding-right: 2px;
	border: 1px solid #DDDDDD;
}
	
.docGrid_pagination_lien:hover {
	font-weight: bold;
	font-family: Arial;
	font-size: 12px;
	color: #7690b6;
	text-decoration: none;
	cursor: pointer;
	padding-left: 2px;
	padding-right: 2px;
	border: 1px solid #7690b6;
	background-color: #dee5ee;
}

.docGrid_pagination_lien_selected {
	font-weight: bold;
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

.docGrid_pagination_lien_selected:hover {
	font-weight: bold;
	font-family: Arial;
	font-size: 12px;
	color: #FF3300;
	text-decoration: none;
}

.docGrid_pagination_bloc_infos {
	font-weight: bold;
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	padding-right: 30px;
}

.docGrid_tri_select {
	font-weight: bold;
	font-family: Arial;
	font-size: 12px;
	color: #999999;
	text-decoration: none;
	/*padding-left: 30px;*/
}


.docGrid_bloc_intitule {
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	/*width: 100%;*/
	background-color: #EFEFEF;
}

#docGrid_1, #docGrid_2 {
	border-top: none;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	/*width: 100%;*/
	background-color: white;
}


#docGrid_1:hover, #docGrid_2:hover {
	border-top: none;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	/*width: 100%;*/
	background-color: #EEEEEE;
}

.docGrid_ajout_document {
	text-decoration: none;
	font-weight: bold;
	font-family: Arial;
	font-size: 12px;
	color: #888888;
}

.docGrid_ajout_document:hover {
	text-decoration: none;
	font-weight: bold;
	font-family: Arial;
	font-size: 12px;
	color: green;
}


.docGrid_picto_infobulle {
	width: 40px;
}

.docGrid_picto_intitule {
	width: 20px;
}

.docGrid_picto {
	width: 20px;
	text-align: center;
}

/* td de la checkbox de selection multiple */
.docGrid_picto_checkbox_multi {
	width: 16px;
}

.docGrid_colonne_intitule {
	font-weight: bold;
	font-family: Arial;
	font-size: 12px;
	color: #888888;
	padding: 4px 2px 4px 2px;
	/*border-right: 1px solid #999999;*/
}

.docGrid_colonne_intitule_lien {
	text-decoration: none;
	color:#5C8AA3;
}

.docGrid_colonne_intitule_lien:hover {
	text-decoration: none;
	color:#FF6600;
}

/* td */
.docGrid_colonne {
	font-family: Arial;
	font-size: 11px;
	color: #666666;
	padding: 4px 2px 4px 2px;
}

/* td */
.docGrid_colonne_footer {
	font-family: Arial;
	font-size: 11px;
	color: #666666;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
}

.docGrid_colonne_footer_cdf {
	font-family: Arial;
	font-size: 10px;
	color: #999999;
}

.docGrid_lien_infobulle {
  position:relative;
}

.docGrid_lien_infobulle:hover {
	text-decoration: none; 
	background: none;
	z-index: 100;
	cursor:default;
}
a.docGrid_lien_infobulle .docGrid_infobulle {
	display: none;
}
a:hover.docGrid_lien_infobulle .docGrid_infobulle {
  display: inline;
  position: absolute; 
  top:2em;
  left:-102px; /* centrage de l'infobulle : 240 / 2 + ( 36 / 2) => la moitier de l'infobule - la moitier du picto */
  z-index: 10;
  background: #FFFFFF;
  color: #666666;
  border:1px solid #666666;
  font-weight:normal;
  font-size: 11px;
  padding:2px 4px;
  /*white-space:nowrap;*/
  width: 240px;
}

/* ligne (div) de l'infobulle */
.docGrid_ligne_infobulle {
	width: 100%;
}

.docGrid_infobulle_texte_long {
	white-space: normal;
	text-align: left;
}

/* input select */
.docGrid_select {
	border: 1px solid #999999;
	font-family: Arial;
	font-size: 11px;
	color: #666666;
	font-weight: normal;
	margin: 4px;
}

/* input select */
.docGrid_select_tri{
	border: 1px solid #999999;
	font-family: Arial;
	font-size: 11px;
	color: #666666;
	font-weight: normal;
	margin: 4px;
	width: 98px;
}

/* Bloc info : cadre */
/*----------------------------------------------------------------*/
.docGrid_bloc_info {
	border: 1px solid #CCCCCC;
	padding: 4px;
	background-color: #F4F4F4;
	/*margin-bottom: 10px;*/
	font-family: Arial;
	font-size:11px;
	color: #666666;	
}

/* Bloc info : texte */
/*----------------------------------------------------------------*/
.docGrid_bloc_info_texte {
	font-family: Arial;
	font-size:11px;
	color:#666666;
}

/* Bloc info : texte vert */
/*----------------------------------------------------------------*/
.docGrid_bloc_info_texte_vert {
	color: green;
}

/* Bloc info : texte rouge */
/*----------------------------------------------------------------*/
.docGrid_bloc_info_texte_rouge {
	color: #B22222;
}

/* Bloc info : texte bleu */
/*----------------------------------------------------------------*/
.docGrid_bloc_info_texte_bleu {
	color: #456298;
}

/* Archive : n° de version */
/*----------------------------------------------------------------*/
.docGrid_archive_version {
	text-align: center;
	border-right: 1px solid #CCCCCC;
	width: 20px;
}

/* Archive : filename */
/*----------------------------------------------------------------*/
.docGrid_archive_filename {
	border-right: 1px solid #CCCCCC;
	width: 340px;
}

/* Archive : date de création */
/*----------------------------------------------------------------*/
.docGrid_archive_date_created {
	text-align: center;
	border-right: 1px solid #CCCCCC;
	width: 120px;
}

/* Archive : date de modification */
/*----------------------------------------------------------------*/
.docGrid_archive_date_modified {
	text-align: center;
	width: 120px;
}

.docGrid_archive_intitule {
	background-color: #EEEEEE;
}

.docGrid_archive {
	margin: 0 4px 4px 4px;
}

.docGrid_bloc_archive {
	border-top: none;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	background-color: white;
}

.docGrid_bloc_archive:hover {
	border-top: none;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	background-color: #f1f6fd;
}

.docGrid_curseur {
	cursor: pointer;
}

.docGrid_infobulle_ombre{
	width: 240px;
	display: none;
	position: absolute;
	z-index : 1;
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
	font-family: Arial;
	font-size: 11px;
}
 
.docGrid_infobulle_cadre {
	border: 1px solid #AAAAAA;
}

.docGrid_infobulle_titre {
	background-color:#7690B6;
	border-bottom: 1px solid #AAAAAA;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 4px;
}

.docGrid_infobulle_contenu {
	/*overflow: auto;
	height: 100px;*/
	padding: 4px;
	text-align: left;
}