/* pour mettre les icones dans les entetes de colonnes de la grille de specification dans l'ecran d'edition des profils */
.x-grid3-hd-profileSpecsMandatoryColumn {
	background: transparent url('/Content/Images/Icons/mandatory.gif') no-repeat !important;
	left: 25px;
}

.x-grid3-hd-profileSpecsRepeatableColumn {
	background: transparent url('/Content/Images/Icons/repeatable.ico') no-repeat !important;
	left: 25px;
}

.x-grid3-hd-profileSpecsEditableColumn {
	background: transparent url('/Content/Images/Icons/editable.ico') no-repeat !important;
	left: 25px;
}

.x-grid3-hd-profileSpecsSearchableColumn {
	background: transparent url('/Content/Images/Icons/searchable.ico') no-repeat !important;
	left: 25px;
}

.x-grid3-hd-profileSpecsDisplayableColumn {
	background: transparent url('/Content/Images/Icons/displayable.gif') no-repeat !important;
	left: 25px;
}

/* GLOBAL */
.totalWidth {
	width			: 100%;
}
.totalArea {
	width			: 100%;
	height			: 100%;
}
.paddingLeft10px {
	padding-left	: 10px;
}

.warningHighlightIE{
    text-align: center;
    padding: 5px; 5px; 5px; 5px;
	border: solid 1px #d9534f;
    background-color: #f6d6d5;
    color: #3f0f0e;
}

.warningHighlightIE .fa {margin-right:5px;}

/* fullScreenHeader */
div.fullScreenHeader{
	background-color: #FEF7DC;
	color			: #404000;
	border			: 1px solid #F1C43F;
	height			: 24px;
	padding			: 3px;
	text-align		: right;
}
.fullScreenHeaderButton{
	color			: #404000;
	background-color: #fdf5d5;
	border			: 1px solid #F1C43F;
	height			: 17px;
	white-space		: nowrap;
	padding			: 2px 15px;
	text-align		: center;
	float			: right;
	cursor			: pointer;
}
.fullScreenHeaderButton:hover{
	background-color: #f9e285;
}


td.logoClientDisabled {
	display			: none;
}
td.logoClientEnabled {
	height			: 70px;
	width			: 110px;
	display			: inline;
	text-align		: center;
}
td.ribbonCspIcon{
	background		: url(../Content/Images/Ribbons/paperless_meeting_48.png) no-repeat;
	width			: 60px;
	background-position : center center;
	text-align		: center;
	border-left		: solid 1px #E7E7E8;
}
td.logo {
	height			: 70px;
	width			: 270px;
	background		: url(../Content/Images/headerRight_70px.png);
}
div.headerTitle {
	position		: absolute;
	top				: 0px;
	width			: 100%;
	text-align		: right;
	font-size		: 10px;
	font-family		: Verdana;
	color			: #FFFFFF;
	z-index			: 3;
}

th.propertiesTitle {
	font-family		: arial, tahoma, helvetica, sans-serif;
	font-size		: 11px;
	text-align		: left;
	background		: url('../Content/Images/Grid/bg_grid_header_24px.png') repeat-x;
	padding-top		: 5px;
	padding-bottom	: 5px;
	padding-left	: 10px;
	padding-right	: 0px;
	color			: #525252;
}

body, table {
	font-size		: 11px !important;
	font-family		: "Segoe UI", Tahoma, Verdana, sans-serif !important;
}
#prefs table {
	font-size		: 11px;
}

.buttonContainer {
	padding: 5px 0;
}
div.smallBtn {
	cursor: pointer;
	color: #FFFFFF;
	width: 15px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	padding-left: 1px;
	display: inline-block;
}

div.button {
	cursor			: pointer;
	color			: #000000;
	border			: solid 1px #CCCCCC;
	text-align		: center;
	font-size		: 12px;
	font-weight		: normal;
	font-family		: "Segoe UI", Tahoma, Verdana, sans-serif;
	padding			: 6px 8px;
	display			: inline-block;
	box-sizing		: border-box;
	-moz-box-sizing	: border-box;
	-webkit-box-sizing: border-box;
}
div.button:hover {
	background-color: #bfe2f7;
	color			: #0062b3;
}
div.button:active{
	background-color: #8ecbf1;
	color			: #00579b;
}
div.button.small{
	min-width		: auto;
}
div.button.danger {
	border-color: #d9534f;
	color: #d9534f;
}
div.button.danger:not(.disabled):hover {
	background-color: #d9534f;
	color: #FFF;
}
div.button.disabled{
	cursor			: default;
	color			: #A0A0A0;
	border			: solid 1px #CCCCCC;
	background-color: #CCC;
}
.buttonDisabled {
	cursor			: default;
	color			: #A0A0A0;
	height			: 24px;
	border			: solid 1px #CCCCCC;
	text-align		: center;
	font-size		: 11px;
	font-weight		: normal;
	font-family		: "Segoe UI", Tahoma, Verdana, sans-serif;
	padding			: 5px;
	display			: inline-block;
	background-color: white;
	display			: inline-block;
	box-sizing		: border-box;
	-moz-box-sizing	: border-box;
	-webkit-box-sizing: border-box;
}
div.buttonImp{
	cursor			: pointer;
	color			: #FFFFFF;
	height			: 32px;
	text-align		: center;
	font-size		: 12px;
	font-weight		: bold;
	font-family		: "Segoe UI", Tahoma, Verdana, sans-serif;
	padding			: 7px 12px;
	background-color: #115a88;
	box-sizing		: border-box;
	-moz-box-sizing	: border-box;
	-webkit-box-sizing: border-box;
	display			: inline-block;
}
div.buttonImp:hover {
	background-color: #1679b6;
}
span.buttonImage22px{
	padding-top		: 2px !important;
}

div.xButton {
	background		: url(/Content/Images/Buttons/close_15px.png) no-repeat;
	width			: 15px;
	height			: 15px;
}
div.xButton:hover { 
	background		: url(/Content/Images/Buttons/close_over_15px.png) no-repeat;
}

div#splitButtonCriteriaDisplayer{
	position		: relative;
}
.verticalSpacerButton{
	height			: 15px;
	display			: block;
}

span.menu {
	margin			: 0px;
	padding-top		: 4px;
	padding-bottom	: 5px;
	padding-left	: 10px;
	padding-right	: 10px;
	height			: 20px;
	color			: #FFFFFF;
	cursor			: pointer;
	text-align		: center;
	text-decoration	: none;
	margin-right	: 2px;
	font-family		: "Segoe UI", Tahoma, Verdana, sans-serif;
	font-size		: 12px;
}
span.icon {
	margin			: 0px;
	margin-right	: 10px;
	margin-bottom	: 9px;
	padding-top		: 4px;
	padding-bottom	: 0px;
	padding-left	: 5px;
	padding-right	: 5px;
	height			: 24px;
	cursor			: pointer;
	text-align		: center;
	vertical-align	: middle;
	width			: 24px;
}

span.userName {
	cursor			: default;
	background-color: transparent;
	color			: white;
	margin-right	: 30px;
	padding-left	: 5px;
	padding-right	: 5px;
}

div.groupsList{
	overflow-y		: hidden;
	display: block;
}
tr.header {
	color			: #525252;
	font-family		: verdana, helvetica, sans-serif;
	font-weight		: bold;
	font-size		: 11px;
	border 			: solid 1px #D9D9D9;
	background-color: #F4F4F4;
}

.left{
	text-align		: left!important;
}

span.header {
	text-align		: center;
	padding-top		: 1px;
	background		: url(/img/section_title_25px.png) repeat-x;
	font-size		: 14px;
	color			: #333;
	height			: 24px;
	font-family		: "Segoe UI", Tahoma, Verdana, sans-serif;
	border			: 1px solid #91CDF2;
	white-space		: nowrap;
	display			: block;
	box-sizing		: border-box;
}
td.headerDisabled span.header:hover,
td:not(.header) > span.header:hover {
	padding-left	: 10px;
	padding-right	: 10px;
	background		: none;
	border			: none;
	text-decoration	: underline;
}
span.headerButton{
	width : 16px !important;
}

div.infoRibbonNotifier{
	text-align		: center;
	background		: url(/img/Notifiers/info.png) no-repeat;
	font-size		: 10px;
	font-weight		: bold;
	padding-top		: 3px;
	height			: 20px;
	width			: 20px;
	font-family		: Arial;
	color			: #FFFFFF;
	cursor			: default;
	position		: absolute;
	z-index			: 5;
	top				: 0;
}

div.infoNotifier{
	text-align		: center;
	background		: url(/img/Notifiers/info.png) no-repeat;
	font-size		: 10px;
	font-weight		: bold;
	padding-top		: 3px;
	height			: 20px;
	width			: 20px;
	font-family		: Arial;
	color			: #FFFFFF;
	cursor			: default;
	position		: absolute;
	z-index			: 20;
	top				: -12px;
}

div.infoUnactivedNotifier{
	text-align		: center;
	background		: url(/img/Notifiers/info_unactive.png) no-repeat;
	font-size		: 10px;
	font-weight		: bold;
	padding-top		: 3px;
	height			: 20px;
	width			: 20px;
	font-family		: Arial;
	color			: #FFFFFF;
	cursor			: default;
	position		: absolute;
	z-index			: 20;
	top				: -12px;
}

div.errorNotifier{
	text-align		: center;
	background		: url(../Content/Images/Notifiers/error.png) no-repeat;
	font-size		: 10px;
	font-weight		: bold;
	padding-top		: 3px;
	height			: 20px;
	width			: 20px;
	font-family		: Arial;
	color			: #FFFFFF;
	cursor			: default;
	position		: absolute;
	z-index			: 5;
	top				: -8px;
	right			: -2px;
}

div.errorUnactivedNotifier{
	text-align		: center;
	background		: url(../Content/Images/Notifiers/error_unactive.png) no-repeat;
	font-size		: 10px;
	font-weight		: bold;
	padding-top		: 3px;
	height			: 20px;
	width			: 20px;
	font-family		: Arial;
	color			: #FFFFFF;
	cursor			: default;
	position		: absolute;
	z-index			: 5;
	top				: -8px;
	right			: -2px;
}

div.notifierDisabled{
	text-align		: center;
	background		: url(../Content/Images/Notifiers/notifier_disabled.png) no-repeat;
	font-size		: 10px;
	font-weight		: bold;
	padding-top		: 3px;
	height			: 20px;
	width			: 20px;
	font-family		: Arial;
	color			: #FFFFFF;
	position		: absolute;
	z-index			: 5;
}
div.notifierHide{
	display			: none;
}

/* BREADCRUMB */

div.breadcrumb {
	border-bottom	: 1px solid #AAABAF;
	width			: 100%;
	padding-bottom	: 1px;
	display: inline-block;
}

#breadcrumb {
	height			: 20px;
	padding			: 5px;
	background-color: transparent;
	overflow		: hidden;
	font-size		: 11px;
	font-family		: verdana, arial, helvetica, sans-serif;
	margin			: -1px 0 0 0;
	white-space		: nowrap;
	border			: 0;
	float			: left;
	color			: #404040;
	box-sizing		: border-box;
}

span.imageSpan{
	display			: inline-block;
	margin-left		: 7px;
	margin-bottom	: 3px;
}

.docNavigator li {
    display			: inline;
    list-style		: none;
}
.docNavigator li a {
	background-color : white;
	border : solid 1px #FFFFFF;
	color : #5d6878;
	float : left;
	height : 19px;
	margin-left : 2px;
	margin-top : 3px;
	text-decoration : none;
	box-sizing : border-box;
	cursor : pointer;
}

.docNavigator li a.Disabled,
.docNavigator li a.Disabled:hover {
	cursor:default;
	color: #BBB;
}
.docNavigator li a:hover {
	background-color:#FDEEB3;
	border:solid 1px #F1C43F;
}

.docNavigator li a span {
	display : inline;
	float : left;
	padding : 0px 2px;
}
.docNavigator li a span.decFont{
	font-family		: arial, helvetica, sans-serif;
	font-weight		: bold;
	font-size		: 11px;
	text-align		: center;
	padding-top		: 4px;
}
.docNavigator li a span.incFont{
	font-family		: arial, helvetica, sans-serif;
	font-weight		: bold;
	font-size		: 16px;
	text-align		: center;
}
.docNavigator li a span.incFont.highlight,
.docNavigator li a span.decFont.highlight{
	color:#8ecbf1;
}
.docNavigator li.docZoomInfo{
	display: none;
}
.docNavigator li.docZoomInfo.show{
	display: inline;
}
/* LABEL */
.label {
	color			: #0072bc;
	font-family		: verdana, arial, helvetica, sans-serif;
	font-weight		: normal;
	font-size		: 11px;
}
label {
	color			: #0072bc;
	font-family		: verdana, arial, helvetica, sans-serif;
	font-weight		: normal;
	font-size		: 11px;
}
.light {
	color			: #FFFFFF;
}
.right {
	text-align		: right;
}
.popupButtons {
	text-align		: right;
	margin-top		: 10px;
}
legend {
	color			: #003759;
	margin-bottom	: 5px;
	font-size		: 12px;
	font-weight		: bold;
	font-family		: arial, helvetica, sans-serif;
	padding			: 0 5px;
}
fieldset {
	border			: 0px;
	border-top		: 1px solid #003759;
	padding-left	: 10px;
	margin-bottom	: 5px;
	padding-right	: 0px;
}
fieldset.pref {
	padding-top		: 5px;
	padding-bottom	: 5px;
	font-weight		: bold;
	box-sizing: border-box;
}
fieldset.pref * {
	box-sizing: border-box;
}
/* style pour le tableau des propiertes pour chaque utilisateur */
/* pour deplacer vers extjs-window */
.selectedGridRow{
	background-color: #D8EDF9;
	color			: #000040;
	text-align		: left;
	padding		: 3px !important;
	padding-left		: 5px !important;
	font-family	: tahoma !important;
	font-size		: 14px;
}
/* SEARCH */

td.pageNavigator {
	background		: url(../Content/Images/bg_search_results_26px.png) repeat-x;
	border			: 1px solid #C5C5C5;
	width			: 100%;
}
td.pageNavigator .label {
	color			: #000000;
	font-family		: arial,tahoma, helvetica, sans-serif;
	font-weight		: normal;
	font-size		: 11px;
}
td.pageNavigator .selected {
	font-weight		: bold;
	margin-right	: 0px !important;
}
td.pageNavigator .unselected {
	color			: #3359A6 !important;
}
td.pageNavigator .labelRight{
	color			: #000000;
	font-family		: arial,tahoma, helvetica, sans-serif;
	font-weight		: normal;
	font-size		: 11px;
	float			: right;
}

div.restoreLot{
	width			: 280px;
	overflow-y		: auto;
	height			: 500px;
}
tr.rowHeight30px {
	height			: 30px;
}

.CurReqSetOperator {
	font-weight		: bold;
}

.CurReqSearchIn {
	font-style		: italic;
}

.CurReqValue {
	font-weight		: bold;
}

#currentSearchHead th {
	top				: expression(AdvSearchCtrl.setTableHeaderTop("currentSearchContainer"));
	position		: relative;
}

.searchContainer {
	overflow-y		: scroll;
	height			: 200px;
	background-color: #FFFFFF;
	padding			: 0;
	border			: solid 1px #E0E0E0;
}

#searchMiddle td.label {
	width			: 105px;
	text-align		: right;
	vertical-align	: middle !important;
}

#savedSearchHead th {
	top				: expression(AdvSearchCtrl.setTableHeaderTop("savedSearchContainer"));
	position		: relative;
}

.searchCheckboxList {
	border: 1px solid #7F9DB9;
	overflow-y: scroll;
	height: 50px;
	color:black;
	font-weight: normal;
}

.stopWordMessageBox {
	padding: 5px 20px 10px;
	border-bottom: 1px solid #AAABAF;
	color: #8c8a8c;
}

/* POPUP WINDOW */
div.popupHeader {
    padding-top		: 10px;
}
div.popupContent {
	padding			: 10px;
	overflow-y		: auto;
}
div.popupContent.body {
	width: 100%;
	height: 90%;
	overflow-y: auto;
	box-sizing: border-box;
}
div.popupLeftFooter {
	padding			: 10px;
	text-align		: left;
	position		: absolute;
	bottom			: 0px;
	left			: 0px;
}
div.popupFooter {
	padding			: 10px 10px 10px 10px;
	text-align		: right;
	position		: absolute;
	bottom			: 0px;
	right			: 0px;
	box-sizing		: border-box;
}

/* TABLE */

/* DataGrid */
.htmlGridBorder {
	border			: solid 1px #C5C5C5;
}
div.htmlGridContent {
	border			: solid 1px #C5C5C5;
	width			: 100%;
	height			: 100%;
}

table.htmlGrid {
	font-family		: arial, tahoma, helvetica, sans-serif;
	font-size		: 11px;
	border-collapse	: collapse;
}

div.htmlGrid{
	font-family		: arial, tahoma, helvetica, sans-serif;
	font-size		: 11px;
	font-style		: normal;
	font-variant	: normal;
}

tr.htmlGridHeaderLine {
	color			: #000;
	border-left		: 1px solid #C5C5C5;

}

th.htmlGridHeaderCell {
	font-weight		: normal;
	padding-bottom	: 4px;
	padding-left	: 5px;
	padding-right	: 3px;
	padding-top		: 4px;
	border-bottom	: 1px solid #C5C5C5;
	border-right	: 1px solid #C5C5C5;
	text-align		: left;
}

td.htmlGridHeaderCell {
	font-weight		: normal;
	padding			: 5px;
	border-top		: 1px solid #C5C5C5;
	border-bottom	: 1px solid #C5C5C5;
	border-right	: 1px solid #C5C5C5;
	background		: url(/img/Grid/bg_grid_header_24px.png) repeat-x;
}
.headerRules{
	font-family		: arial, tahoma, helvetica, sans-serif;
	font-size		: 11px;
	font-style		: normal;
	font-variant	: bold;
	color			: #000;
	padding-bottom	: 4px;
	padding-left	: 5px;
	padding-right	: 3px;
	padding-top		: 4px;
	border-top		: 1px solid #C5C5C5;
	border-left		: 1px solid #C5C5C5;
	border-right	: 1px solid #C5C5C5;
	text-align		: left;
}
.noTopBorder {
	border-top: none !important;
}
.noLeftBorder {
	border-left: none !important;
}
.withLeftBorder{
	border-left : 1px solid #C5C5C5;
}
.noRightBorder {
	border-right: none !important;
}
.noBottomBorder {
	border-bottom: none !important;
}
.noBorder {
	border: none !important;
}
td.htmlGridContentCell {
	font-weight		: normal;
	padding			: 5px 0px 0px 5px;
	border-right	: 1px solid #C5C5C5;
	border-bottom	: 1px solid #C5C5C5;
	height          : 15px;
}

table.docuTableHeader {
	width			: 100%;
}

th.docuTableHeader {
	border-right	: 1px solid #E0E0E0;
	background		: url(../Content/Images/Grid/bg_grid_header_24px.png) repeat-x;
	height			: 24px;
}

.docuTableCell {
	padding			: 0px;
	padding-right	: 3px;
	padding-left	: 3px;
	border-right	: 1px solid #D9D9D9;
	border-bottom	: 1px solid #D9D9D9;
	vertical-align	: middle !important;
	font-family		: arial, tahoma, helvetica, sans-serif;
	font-size		: 11px;
	font-weight		: normal;
	color			: #000000;
	height			: 22px;
}

.thSelect{
	background		: url(../Content/Images/Icons/checkbox.png) no-repeat center center;
	height			: 24px;
	width			: 30px;
	display			: block;
}
.thUnselect{
	background		: url(../Content/Images/Icons/checkbox_empty.png) no-repeat center center;
	height			: 24px;
	width			: 30px;
	display			: block;
}

.fa.fa-spacer {
	margin-right: 5px;
}
/* POPUP */
.popupMenu {
	text-align		: left;
	padding			: 5px 0;
	position		: absolute;
	display			: inline-block;
	color			: #0072bc;
	box-sizing		: border-box;
	border			: solid 1px #A6A6A6;
	background-color: #FFF;
}

.popupMenuItem {
	background-color: white;
	cursor			: pointer;
	font-family		: "Segoe UI", Tahoma, Verdana, sans-serif;
	font-size		: 12px;
	text-align		: left;
	padding			: 6px 12px;
	display			: block;
	color			: #0072bc;
	box-sizing		: border-box;
	height			: 27px;
}
.popupMenuItem.disabled {
	cursor			: default;
}
.popupMenuItem:not(.disabled):hover {
	background-color: #bfe2f7;
	color			: #003759;
}
.popupMenuItem .nobr {
	white-space: nowrap;
	display: inline;
}
span.popupMenuItemLabel{
	float: left;
}
span.arrow{
	float			: right;
	margin-top		: -3px;
}
div.popupMenu span.disabled{
	color			: #A9A9A9;
}

.separator {
	height			: 1px;
	border			: none;
	border-top		: solid 1px #A6A6A6;
	box-sizing		: border-box;
	display			: block;
	margin			: 5px 0px;
}
/* LIST HANDLER */
.separatorMetas {
	border-top		: solid 1px #B8BABD;
	padding-bottom	: 10px;
}
.metasBO {
	width			: 100%;
	border-top		: solid 1px #D9D9D9;
	border-collapse	: collapse;
	border-spacing	: 0;
}
/* ONGLETS */

.sectionTitle {
	width			: 100%;
	background		: url(../Content/Images/section_title_25px.png) repeat-x;
	font-size		: 14px;
	color			: #003759;
	height			: 24px;
	font-family		: "Segoe UI", Tahoma, Verdana, sans-serif;
	border			: 1px solid #91CDF2;
}

div.tabBar{
	width			: 100%;
	height			: 33px;
	border-bottom	: solid 1px #EEE;
	position		: relative;
	box-sizing		: border-box;
	background-color: #F2F2F2;
}
div.tabBarTabs{
	left			: 0px;
	height			: 32px; 
	position		: relative;
}
table.tabBarTabsTable{
	left			: 0px;
	position		: absolute;
	padding-top		: 0px;
	top				: 0px;
	height			: 32px;
	border-spacing	: 0;
	border-collapse	: separate;
}

div.margeSearchTabBar{
	margin-top		: 10px;
	margin-bottom	: 20px;
}
td.headerDisabled {
	padding			: 0px !important;
	position		: relative;
}
td.header span.header {
	padding			: 2px 10px;
	height			: 25px;
	box-sizing		: border-box;
}
td.headerDisabled  span.header {
	text-align		: center;
	padding-top		: 1px;
	padding-left	: 10px;
	padding-right	: 10px;
	background		: none;
	font-size		: 14px;
	color			: #626262;
	font-family		: "Segoe UI", Tahoma, Verdana, sans-serif;
	border			: none;
	cursor			: pointer;
}
td.header span.header  a {
	color			: #003759;
	text-decoration	: none;
}
td.headerDisabled span.header  a {
	color			: #3b4f65;
	text-decoration	: none;
}
td.headerDisabled span.header  a:hover {
	color			: #44AFF6;
	text-decoration	: underline;
}
div.content {
	height			: 100%;
	padding			: 15px 10px 10px 10px;
}

div.scrollbar{
	overflow-y		: scroll;
}

span.annotationNotEditable {
	text-decoration : italic;
}

span.annotationEditable {
	text-decoration : underline;
}
td.borderBottom{
	border-bottom	: 1px solid #21374c;
}
div.annotationUserOwned {
	color			: #404000;
	background-color: #fdf5d5;
	border			: 1px solid #F1C43F;
	padding			: 2px 4px;
	margin-right	: 2px;
}
div.annotationUserOwned:hover {
	background-color: #f9e285;
}
div.annotationNotUserOwned {
	color			: #000040;
	background-color: #cce7f5;
	border			: 1px solid #2C628B;
	margin-right	: 2px;
	padding			: 2px 4px;
}
div.annotationNotUserOwned:hover {
	background-color: #7fc4e6;
}
div.annotationBoxUserOwned {
	background-color: #FDEEB3;
	color			: #404000;
	border			: 1px solid #F1C43F;
	margin			: 1px 0;
	padding			: 3px;
}
div.annotationBoxNotUserOwned {
	background-color: #D8EDF9;
	color			: #000040;
	border			: 1px solid #2C628B;
	margin			: 1px 0;
	padding			: 3px;
}
div.outerLoading {
	display			: none;
	width			: 100%;
	height			: 100%;
	text-align		: center;
	padding-top		: 30px;
}

div.innerLoading {
	width			: 250px;
	height			: 75px;
	border			: 1px solid #407CA1;
	padding-top		: 20px;
	font-weight		: bold;
	font-size		: 14px;
	background		: #AFBEDB;
	color			: #174D8D;
}

/* HOME */
/* SEARCH - RECHERCHE */
a.quickSearchAnchor {
	width			: 16px;
	display			: inline;
	text-decoration	: none;
	height			: 17px;
}
a.quickSearchAnchor:hover {
	width			: 16;
	display			: inline;
	cursor			: hand;
	background		: url(/Content/Images/Buttons/quickSearch_over.png) no-repeat right center;
	text-decoration	: none;
	height			: 17px;
}

.quickSearchDiv {
	float			: right;
	padding-right	: 1px;
	padding-top		: 1px;
	margin-right	: 5px;
	height			: 19px;
	width			: 240px;
}

.quickSearch {
	width			: 100%;
	height			: 19px;
	border			: 1px solid #B8BABD;
	color			: #525252;
	font-family		: "Segoe UI", Tahoma, Verdana, sans-serif;
	font-size		: 10px;
	padding			: 2px;
	box-sizing		: border-box;
}

.quickSearchButton{
 	cursor			: pointer;
	background-color: #FFF;
	background-image: url(/Content/Images/Buttons/quickSearch.png) no-repeat right center;
	background-position: center;
	background-repeat: no-repeat;
	height			: 19px;
	width			: 19px;
	border-right	: 1px solid #B8BABD;
	border-top		: 1px solid #B8BABD;
	border-bottom	: 1px solid #B8BABD;
	box-sizing		: border-box;
}

.quickSearchButton:hover{
	background-color: #D8EDF9;
}

div.relative {
	position		: relative;
}

label.placeholder{
	position		: absolute;
	z-index			: 1;
	font-family		: Arial, sans-serif;
	font-size		: 10px;
	font-style		: italic;
	color			: #999999;
	left			: 5px;
	display			: inline;
	cursor			: text;
	margin-top		: 3px;
	top				: 0;
	padding			: 0 0 0 0;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	font-family		: Arial, sans-serif;
	font-size		: 10px;
	font-style		: italic;
	color			: #999999;
	padding			: 2px;
}
::-moz-placeholder { /* Firefox 19+ */
	font-family		: Arial, sans-serif;
	font-size		: 10px;
	font-style		: italic;
	color			: #999999;
	padding			: 2px;
}
:-ms-input-placeholder { /* IE 10+ */
	font-family		: Arial, sans-serif;
	font-size		: 10px;
	font-style		: italic;
	color			: #999999;
}

textarea.searchTextArea{
	width			: 100%;
	box-sizing		: border-box;
	height			: 55px;
}
textarea.advSearchTextArea{
	width			: 100%;
	height			: 55px;
	box-sizing		: border-box
}

div#docNavigator {
	float			: right;
	padding-right	: 1px;
}

div#docNavigator span {
	width			: 20px;
}
div#docNavigator span.docZoomInfoText {
	width			: unset;
	font-size		: xx-small;
	padding-top		: 4px;
}

div#docNavigator span.reloadPage {
	padding-left	: 3px;
	padding-right	: 2px;
	margin-right	: 5px;
}

/* FRAMES (TABLE) */

#content {
	height			: 100%;
	width			: 100%;
	box-sizing: border-box;
}

table.frame {
	height			: 100%;
	width			: 100%;
	display			: none;
}

td.leftFrame {
	width: 275px;
	vertical-align: top;
}
td.leftSearchFrame{
	border-right	: 1px solid #AAABAF;
	padding			: 0px !important;
	width			: 400px;
	vertical-align	: top;
}
div.searchFrameContainer{
	padding			: 5px 5px 0 5px;
	overflow-y		: scroll;
	box-sizing		: border-box;
	width			: 400px;
}
#tdmCollection {
	padding			: 0px !important;
	font-size		: 12px !important;
}

#tdmDocument, #tdmDocuments {
	display			: none;
	padding			: 0px !important;
}

#tdmContent{
	height			: 100%;
	width			: 100%;
}

#tdmContentIFrame {
	width			: 100%;
	height			: 100%;
}

#tdmList {
	display			: none;
	padding			: 0px !important;
	border-left		: 1px solid #FFFFFF; /* SV : Corrige le probleme de resize de la toc */
}

#tdmNavigator {
	display			: none;
	border-top		: 1px solid #AAABAF;
	height			: 40px;
}
td.tdmSection{
	display: table-cell;
	height: 1px;
}
td.tdmSection > * {
	height: 100%;
}
/* RESIZER */

#tdmResizer {
	width			: 19px;
	padding			: 0px !important;
}

.tdmResizerContent{
	width			: 19px;
	height			: 100%;
	display			: inline-block;
}

#tdmResizer td#displayer {
	cursor			: pointer;
	width			: 16px;
	padding			: 0px !important;
	border-left		: 1px solid #AAABAF;
	background-color: #F2EEE6;
	color			: #174D8D;
	text-align		: center;
	vertical-align	: middle;
}

#tdmResizer td.displayerOpen {
	background		: url(/Content/Images/Buttons/Arrow_PD.png) no-repeat center center;
}

#tdmResizer td.displayerOpenSelected {
	background		: url(/Content/Images/Buttons/Arrow_P.png) no-repeat center center;
}

#tdmResizer td.displayerClosed {
	background		: url(/Content/Images/Buttons/Arrow_ND.png) no-repeat center center;
}

#tdmResizer td.displayerClosedSelected {
	background		: url(/Content/Images/Buttons/Arrow_N.png) no-repeat center center;
}

#tdmResizer td.splitter {
	cursor			: col-resize;
	width			: 3px;
	padding			: 0px !important;
	border-left		: 1px solid #AAABAF;
	border-right	: 1px solid #AAABAF;
}

/* TDM */

div#root, div#rootDoc, div#rootDocs {
	overflow		: auto;
}

div#root div, div#rootDoc div, div#rootDocs div {
	padding-bottom	: 1px;
	padding-top		: 1px;
}

div#root div.normal, div#rootDoc div.normal {
	padding-left	: 15px;
	padding-top		: 2px;
	font-weight		: normal;
}
div.docuNode{
	white-space: nowrap;
}
div#rootDocs div.normal {
	padding			: 2px;
}

div#root span, div#rootDoc span, div#rootDocs span {
	cursor			: pointer;
}

div#root span.normal, div#rootDoc span.normal, div#rootDocs span.normal {
	padding			: 1px 3px 1px 3px;
	width			: 1%;
}
div#root span.normal:hover {
	background-color: #EEE;
}
div#root span.selected, div#rootDoc span.selected, div#rootDocs span.selected {
	padding-left	: 2px;
	padding-right	: 2px;
	border			: 1px solid transparent;
	background-color: #BFE2F7;
	width			: 85%;
}

img.max, img.min {
	margin-right	: 4px;
}

div#root img, div#rootDoc img, div#rootDocs img {
	position		: relative;
	top				: 1px;
}

/* SEARCH FRAME */

div#searchInNode {
	display			: none;
	cursor			: default;
	border			: 1px solid #91CDF2;
	background		: url(../Content/Images/bg_filter_40px.png) repeat-x;	
	padding			: 5px;
	position		: relative;
}
span#removeSearchInNode{
	position		: absolute;
	top				: 4px;
	right			: 4px;
	cursor			: pointer;
}

span.searchType {
	cursor			: pointer;
	text-decoration	: underline;
	padding-left	: 5px;
}
div.searchMsg {
	margin-top		: 150px;
	display			: block;
	margin-left		: auto;
	margin-right	: auto;
}
div.noSearchMsg {
	margin-top		: 100px;
	width			: 75%;
}

div.noSearchMsgTitle {
	text-align		: center;
	font-size		: 24px;
	margin-bottom	: 15px;
}

div.noSearchMsgMsg {
	text-align		: center;
	font-size		: 14px;
}

select.custom {
	width			: 380px;
	margin-top		: 1px;
}

/* PREFS FRAME */

td.prefs {
	padding			: 10px !important;
}
td.globalChanges {
	padding-top		: 0px !important;
	padding-right	: 10px !important;
	padding-bottom	: 0px !important;
	padding-left	: 10px !important;
	height			: 100%;
}

td.header {
	padding			: 0px !important;
	position		: relative;
	font-size		: 12px;
}

td.part {
	vertical-align	: top;
	border			: 1px solid #AAABAF;
	border-top		: none;
	height			: 100%;
	padding			: 10px !important;
}

td.middle {
	vertical-align	: middle !important;
}

td.sortResults {
	padding-top		: 2px;
	padding-bottom	: 2px;
	vertical-align	: middle
}
td.sortResults input{
	vertical-align: middle;
}

.hide {
	display			: none;
}

.block {
	display			: block;
}

input.radios {
	height			: 15px;
}

td.radios {
	padding-top		: 2px !important;
}

#prefs .label input+label{
	padding-left: 5px;
}

/* NAVIGATE */

span.navBtn {
	margin			: 0px 5px 0px 5px;
	cursor			: pointer;
}

/* ANNOTATION */

.sourceHtml {
	position		: relative;
	top				: -16px;
	left			: 25px;
	padding			: 2px;
	border			: 2px groove #FDC94B;
	width			: 90%;
	height			: 50px;
	overflow-y		: auto;
	text-align		: justified;
	display			: none;
}

.showAnnoSrc {
	position		: relative;
	top				: -3px;
	left			: 1px;
	cursor			: pointer;
}

/* RESULTS */

td.resultContent {
	vertical-align	: top;
	height			: 100%;
	padding			: 5px;
	width			: 100%;
}
td.resultContentList {
	vertical-align	: top;
	height			: 100%;
	padding			: 0px;
	padding-top		: 5px;
}
div.resultContentListCellContent{
	width: 100%;
	height: 100%;
	overflow-y: auto;
}
#searchResults .hand {
	cursor			: pointer;
}

#searchResults a {
	color			: #000000;
	text-decoration	: none;
}

#searchResults a.resBtn {
	width			: 16px;
	vertical-align	: middle;
	text-align		: center;
	margin-top		: 4px;
}

#searchResults a.left {
	width			: 8px;
}

#searchResults a.right {
	width			: 8px;
}

#searchResults span.splitter {
	width			: 10px;
}

#searchResults span.label {
	margin-right	: 10px;
}

#searchResults b {
	color			: #407CA1;
	font-size		: 14px;
}

#searchResults img.max, #searchResults img.min {
	cursor			: pointer;
	margin-right	: 4px;
	margin-bottom	: -3px;
}

#searchResults img.preField {
	margin-right		: 5px;
}

#searchResults tr.result {
	font-size		: 12px;
	color			: black;
	height			: 20px;
}

#searchResults tr.selected {
	background-color: #D8EDF9;
}

#searchResults div.infosContent {
	padding-left	: 25px;
}

#searchResults span.infosNb {
	font-family		: "Segoe UI", Tahoma, Verdana, sans-serif;
	font-size		: 11px;
	font-weight		: normal;
	color			: #000000;
}
#searchResults div.infosNbMax {
	font-family		: "Segoe UI", Tahoma, Verdana, sans-serif;
	font-size		: 11px;
	font-weight		: normal;
	color			: #000000;
	display			: block;
	cursor			: pointer;
	padding			: 3px 10px;
	border-bottom	: dotted 1px #F5F5F5;
}
#searchResults div.infosNbMin {
	font-family		: "Segoe UI", Tahoma, Verdana, sans-serif;
	font-size		: 11px;
	font-weight		: normal;
	color			: #000000;
	background-color: #F5F5F5;
	display			: block;
	cursor			: pointer;
	padding-left	: 10px;
}
#searchResults td.titleTdOpened {
	background-color: #D8EDF9;
}
#searchResults td.titleTdOpened:hover {
	background-color: #A7D6F1;
}

#searchResults td.titleTdClosed {
}
#searchResults td.titleTdClosed:hover {
	background-color: #D8EDF9;
}
#searchResults tr.result td {
	border-bottom	: solid 1px #D9D9D9;
	vertical-align	: middle;
	/* height			: 20px; */
	padding-top		: 2px;
	padding-bottom	: 2px;
}
#searchResults table.resultDoc td {
	border			: none !important;
}
#searchResults td.titleTdOpened table.resultDoc td {
	color			: #000040;
}
#searchResults img.docImg {
	cursor			: pointer;
}

#searchResults span.docName {
	cursor			: pointer;
}
#searchResults div.searchField {
	font-family		: "Segoe UI", Tahoma, Verdana, sans-serif;
	font-size		: 11px;
	font-weight		: normal;
	color			: #525252;
	padding			: 3px 0;
}
#searchResults span.searchMeta {
	font-family		: "Segoe UI", Tahoma, Verdana, sans-serif;
	font-size		: 11px;
	font-weight		: normal;
}
#searchResults td.kwicPaths {
	vertical-align	: top;
	font-size		: 11px;
	padding-bottom	: 4px;
}

#searchResults td.firstTd {
}

#searchResults tr.result td.lastTd {
	border-bottom	: 1px solid #AAABAF;
	padding-bottom	: 5px;
}

#searchResults div.kwic {
	padding			: 3px;
	padding-left	: 15px;
	box-sizing		: border-box;
}

#searchResults div.path {
	color			: #404040;
	padding			: 3px;
	padding-left	: 0px;
	border			: solid 1px transparent;
}
#searchResults div.path:hover {
	padding-left	: 3px;
	margin-left		: -3px;
	border			: solid 1px #F1C43F;
	background-color: #FDFAE0;
}

/* FIN HOME */
/* LIST HANDLER */

table#metasTable {
}

#metasTable td.meta  {
	border-bottom	: 1px solid #D0D0D0;
	vertical-align	: top;
	padding			: 2px !important;
}

#metasTable td.propLeft {
	color			: #14669E;
	font-weight		: bold;
	width			: 200px;
	vertical-align	: top;
}

#metasTable td.system {
	color			: #762312;
}

#metasTable td.nodeLink {
	font-style		: italic;
}

#metasTable td.propRight {
	color			: #333333;
	width			: 450px;
}

a:link, a:visited {
	color			: #14669E;
}

a:hover {
	color			: #762312;
}

/* DOCUMENT LIST */
tr.list td {
	font-family		: arial, tahoma, helvetica, sans-serif;
	font-size		: 11px;
	font-weight		: normal;
	border-bottom	: solid 1px #D9D9D9 !important;
	vertical-align	: middle !important;
	height			: 22px !important;
	line-height		: 22px !important;
}
tr.list img.type, div.list img.type {
	vertical-align	: middle;
}

tr.list, div.list {
	padding-left	: 3px;
	padding-top		: 4px;
}

span.docList {
	padding-left	: 2px;
	padding-right	: 2px;
}
div.list.selectedTdmItem {
	background-color: #bfe2f7;
}
div.list:not(.selectedTdmItem):hover {
	background-color: #EEE;
}
span.docSelected {
	padding-left	: 1px;
	padding-right	: 2px;
	border			: 1px solid #BFE2F7;
	background-color: #BFE2F7;
	background-color: red;
}

span.title, img.title {
	cursor			: pointer;
}

div.documentIconTd{
	width			: 30px;
	text-align		: center;
}

/* FIN LIST HANDLER */

/* TEMPLATE */

html, body{
	height			: 100%;
}

body {
	margin			: 0px;
	overflow		: hidden;
}
table.container {
	width			: 100%;
	height			: 100%;
}
table#templateTable{
	display: table;
}
span.connectedAs {
	color			: #44AFF6;
	font-style		: italic;
}

.hit {
	background-color: #F6F6A4;
	font-weight		: bold;
	padding-left	: 2px;
	padding-right	: 2px;
}

.selHit {
	background-color: #F6F6A4;
	font-weight		: bold;
	padding-left	: 2px;
	padding-right	: 2px;
}

span.hint {
	position		: absolute;
	border			: 1px solid #767676;
	background-color: #F2F2F2;
	font-family 	: "Segoe UI", Tahoma, Verdana, sans-serif;
	font-size		: 12px;
	overflow		: hidden;
	margin			: 0px;
	padding			: 1px 1px 1px 5px;
	height			: 20px;
	color			: #575757;
	z-index			: 10000;
}

span.ellipsis {
	text-overflow	: ellipsis;
	overflow		: hidden;	
	display			: block;   	
}
span.noWidthEllipsis {
	white-space		: nowrap !important;
	text-overflow	: ellipsis;
	overflow		: hidden;
	display			: block;
}
td.content {
	height			: 100%;
	vertical-align	: top;
}

#footerTable {
	font-size		: 10px;
	margin			: 0px;
	padding			: 0px;
	background		: url(../Content/Images/pied_1px.jpg);
	height			: 24px;
  	width			: 100%;
}

#footer {
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 10px;
	margin				: 0px;
	padding				: 0px;
	padding-top			: 7px;
	background			: url(../Content/Images/pied_droit.jpg);
	background-position : right;
	background-repeat	: no-repeat;
}

#footer span {
	font-style		: normal;
	margin			: 9px 0 0 3px;
	color			: #FFFFFF;
	z-index			: 1;
}

#footer span a {
	color			: #FFFFFF;
	text-decoration	: none;
}

#footer span a:hover {
	text-decoration	: underline;
}

/* FIN TEMPLATE */

/* Liste de proprietes */
.tabPanel{
	height			: 92%;
	border			: 1px solid transparent;
	padding			: 15px 10px 10px 10px;
	box-sizing		: border-box;
}

/* Listes */
.listHeader {
	background			: url(../Content/Images/Grid/bg_grid_header_24px.png) repeat-x;
	text-align			: left;
	padding-left		: 4px;
	vertical-align		: middle;
	height				: 25px;
	border-right		: 1px solid #C5C5C5;
	font-weight			: normal !important
}
.center{
	text-align			: center;
}
.listItem{
	padding				: 0px;
	padding-top 		: 3px;
	color				: #0072BC;
}

#acl_tableauPrincipal {
	width				: 100%;
}

div.acl_tableContent {
	border				: 1px solid #407CA1;
	overflow-y			: scroll;
	width				: 100%;	
	height				: 200px;
	background-color	: white;
}

/*********/

div#acl_conteneurTableauUsagers thead th {
	text-align			: left;
	padding-left		: 4px;
	vertical-align		: middle;
	background-color	: #F6F7F2;
}

div#acl_conteneurTableauUsagers tbody td {
	padding-left		: 3px;
	padding-top 		: 3px;
}
/*********/
div#acl_conteneurRecherche thead th {
	padding				: 0px;
	vertical-align		: middle;
	background-color	: #F6F7F2;
}

div#acl_conteneurRecherche tbody td {
	padding-left		: 3px;
	padding-top 		: 3px;
}

.rangeeSelectionnee {
	color				: #000040;
	cursor				: pointer;
	background-color	: #D8EDF9;
	width				: 100%;
	height				: 22px !important;
}
.rangeeNonSelectionnee:hover {
	color				: #000;	
	background-color	: #f1f1f1;
}
.rangeeOver {
	color				: #000;
	cursor				: pointer;
	background-color	: #f1f1f1;
	width				: 100%;
	height				: 22px !important;
}
.rangeeNonSelectionnee {
	background-color	: #FFFFFF;
	height				: 22px !important;
	cursor				: pointer;
	width				: 100%;
}

/* GETMETA */
.getMeta span.selected {
	color			: #FFFFFF;
	cursor			: default;
}

.propLeft {
	color			: #14669E;
	font-weight		: bold;
	width			: 200px;
}

.system {
	color			: #762312;
}

.propRight {
	color			: #333333;
}

/**************
 *
 *
 *
 **/
body.getMeta {
	margin-top		: 10px;
	background-color: white;
}

#profile {
	padding			: 3px;
	overflow-y		: auto;
	border			: 1px solid silver;
	background-color: white;
	padding-top		: 10px;
}

td.description {
	font-style		: italic;
	padding-bottom	: 10px;
}

#response {
	height			: 22px;
	border-top		: 1px solid white;
	border-right	: 1px solid #CCCCCC;
	border-bottom	: 1px solid #CCCCCC;
	border-left		: 1px solid white;
	background-color: #E4E4E4;
	padding-top		: 3px;
}
table.printContent {
	width : 100%;
	font-family : Tahoma;
	font-size : 12px;
	border : 1px solid #AAABAF;
}
img.less {
	margin-left : 4px;
	margin-right : 6px;
}
td.path {
	padding : 2px;
	font-size : 10px;
	font-family : Verdana;
	color : #606060;
	padding-left : 5px;
}
div.marginTop {
	margin-top	: 10px;
}
div.innerDiv {
	margin-top	: 5px;
}
.bold {
	font-weight : bold;
}
table.properties {
	width		: 100%;
}
.padding_15_5{
	padding-left	: 15px;
	padding-right	: 5px;
}
.padding_5_5{
	padding-left	: 5px;
	padding-right	: 5px;
}
#acl_tableauPrincipal label.disabled {
	color			: #808080;
}

input.text {
	width			: 100%;
}

img.metaError {
	margin-top      : 2px;
	width			: 20px;
	height			: 20px;
	cursor			: pointer;
}

img.metaNoError {
	width			: 20px;
	height			: 20px;
}
.trProperties > td {
	border-bottom	: solid 1px #D9D9D9 !important;
	vertical-align	: middle !important;
	padding-top		: 4px;
	padding-bottom	: 4px;
}
.trHigh16 td {
	height			: 20px;
}
.trHigh30 td {
	height			: 30px;
}
.marLeft10 {
	margin-left		: 10px;
}
.tdPropertiesName {
	background		: #FFFFFF !important; 
	color			: #525252 !important; 
	font-weight		: bold !important;
	width			: 220px;
	margin			: 0px;
	text-align		: left !important;
	padding-right	: 5px !important;
	padding-left	: 5px !important;
	font-family		: tahoma !important;
}
.tdWidth150 {
	width			: 150px;
}
.leftName {
	display			: inline !important;
	float			: left !important;
}

.rightName {
	display			: inline;
	float			: right;
	width			: 7px;
	color			: #FF0000;
}

.mandatory {
	text-align		: right !important;
	width			: 10px;
	color			: #FF0000;
}

.inlineLeft {
	display			: inline;
	float			: left;
}
.inlineRight {
	display			: inline;
	float			: right;
	width			: 75px;
	text-align		: right;
}

.tdPropertiesInput {
	padding-left	: 5px;	
	background		: #F4F4F4 !important;
	color			: #676767;
	font-family		: Verdana, Arial, sans-serif;
	word-break		: break-all;
}

.tdPropertiesError {
	vertical-align	: top;
	padding-left	: 0px !important;
	padding-top		: 3px;
	width			: 20px;
	background		: #F4F4F4;
}

.tdCommentBox{
	border			: 1px solid #D9D9D9;
	padding			: 3px;
}

.textareaProperties {
	width 			: 100%;
	height			: 60px;
	font-size		: 12px;
	font-family		: arial;
}

.inputfield {
	width 			: 100%;
	box-sizing		: border-box;
	margin-bottom	: 3px;
}

.inputProperties {
	width: 100%;
	box-sizing: border-box;
}

.selectProperties {
	width			: 100%;
}

.labelSysProps {
	color			: black;
	cursor			: default;
}

.dualListTable {
	width			: 100%;
	height			: 100%;
}

.dualListTableCell {
	width			: 50%;
}

.dualListTableMiddle {
	vertical-align	: middle;
	text-align		: center;
	padding			: 5px;
}
.dualListTableMiddle > div.button:not(:last-child) {
	margin-bottom: 10px;
}
.metas {
	width			: 100%;
	border-top		: solid 1px #D9D9D9 !important;
	border-collapse	: collapse;
	border-spacing	: 0px !important;
	table-layout: fixed;
}

.metasSystem {
	width			: 100%;
	border-top		: solid 1px #D9D9D9 !important;
	border-collapse	: collapse;
	border-spacing	: 0px !important;
}

div.printable {
	display			: none;
}

@media print {

	td.header, td.headerDisabled {
		display			: none;
	}

	div.content {
		display			: block !important;
	}

	div.header {
		padding			: 0px !important;
		font-size		: 12px;
		color			: white;
		border-bottom	: 0px;
        margin-top		: 3px;
	}

	div.printable {
		display			: block !important;
	}
	
	span.button{
		display			: none;
	}
}
div.title:not(.tdmItem) {
	font-family			: Verdana, Arial, sans-serif;
	font-weight			: bold;
	font-size			: 14px;
}
/* FORMATCONTENT */

.IroFootnoteReference{
	vertical-align	: text-top;
	font-size		: 11px;
	text-decoration	: none;
}
/* FORUM */
table.msgHeaders {
	width			: 100%;
	border-left		: 1px solid #436DA7;
	border-top		: 1px solid #436DA7;
}
span.views {
	cursor			: pointer;
}
table.forumMsg {
	width			: 100%;
	margin-top		: 15px;
	border-top		: 1px solid #AAABAF;
	padding-top		: 3px;
}
.overflowAuto {
	overflow		: auto;
}
.subMessage{
	padding-left	: 30px;
}
.subMessage table.forumMsg {
	width			: 100%;
	margin-top		: 10px;
	border-top		: 1px dotted #AAABAF;
	padding-top		: 3px;
}
table.forumMsg div.sujetBtns {
	width			: 100%;
}
table.forumMsg td.leftInfos {
	width			: 200px;
	height			: 100%;
	padding-left	: 10px;
	vertical-align	: top;
	text-align		: left;
}

table.msgLeftInfos td {
	height			: 33%;
	vertical-align	: middle;
}

table.forumMsg table.leftInfos {
	width			: 100%;
	font-size		: 11px;
}

table.forumMsg .user {
	font-family		: tahoma;
	font-size		: 11px;
	font-weight		: bold;
	color			: #525252;
	vertical-align	: top;
}

table.forumMsg .msgId {
	vertical-align	: bottom;
}

table.forumMsg td.rightInfos {
	padding			: 2px 5px 5px;
	vertical-align	: top;
	border-left		: 1px solid #AAABAF;
	text-align		: left;
}
.subMessage table.forumMsg td.rightInfos {
	padding			: 2px;
	padding-left	: 5px;
	vertical-align	: top;
	border-left		: 1px dotted #AAABAF;
	text-align		: left;
}

table.forumMsg table.sujetBtns {
	width			: 100%;
}

table.forumMsg td.sujet {
	font-family		: tahoma;
	font-size		: 11px;
	font-weight		: bold;
	vertical-align	: top;
	color			: #525252;
	padding-top		: 3px;
}

table.forumMsg td.btns {
	width			: 175px;
	text-align		: right;
}

table.forumMsg img {
	margin			: 0px 3px -2px 0px;
	cursor			: pointer;
}

table.forumMsg div.msg {
	width			: 100%;
	padding			: 5px 0px;
}

table.forumMsg span.file {
	margin-right	: 5px;
	padding			: 5px;
	border			: 1px solid #CECFD4;
	box-sizing		: border-box;
	display			: inline-block;
}
table.forumMsg span.file:hover {
	background-color: #DDD;
	border			: 1px solid #BBB;
}
table.forumMsg a {
	text-decoration	: none;
}

table.forumMsg div.msgDeleted {
	margin-left		: 10px;
	font-style		: italic;
	color			: gray;
}

table.forumMsg cite {
	display			: block;
	border			: 1px solid #CECFD4;
	margin			: 5px 5px 5px 10px;
	padding			: 2px;
	background-color: #FFF5DE;
}

table.forumMsg div.files {
	width			: 100%;
	margin			: 0px;
	margin-top		: 5px;
	padding			: 5px;
	background-color: #EEE;
	border			: 1px solid #CECFD4;
	box-sizing		: border-box;
}
div.attachedFiles {
	margin-bottom	: 15px;
}

div.attachedFile {
	cursor			: pointer;
	color			: #0072BC;
	background-color: #F5F5F5;
	border			: 1px solid #DCDCDC;
	padding			: 3px;
	margin-top		: 3px;
	margin-bottom	: 5px;
	position		: relative;
}
div.deleteAttachedFile {
	cursor			: pointer;
	top				: 3px;
	right			: 11px;
	position		: absolute;
	height			: 16px;
	width			: 16px;
	background		: url(/Content/Images/Buttons/delete_16.png) no-repeat;
}
div.form {
	position		: absolute;
	top				: 20px;
	left			: 20px;
	background-color: #FFFFFF;
	border			: 1px solid #21374C;
	padding			: 0px;
	display			: none;
	width			: 460px;
}
div.headForm{
	display			: block;
	background		: url(../Content/Images/bg_popup.png) repeat-x;
	height			: 27px;
}
span.headFormTitle{
	font-family		: "Segoe UI", Tahoma, Verdana, sans-serif;
	float			: left;
	margin-top		: 7px;
	margin-left		: 7px;
	color			: #FFFFFF;
}
input.invisibleOnTop{
	filter			: alpha(opacity=0);
	width			: 0px;
	z-index			: 5;
	height			: 24px;
	margin-left		: -5px;
}

span.topRight {
	float			: right;
	margin-top		: 5px;
	margin-right	: 5px;
}
div.fullLine {
	border-bottom	: 1px solid #AAABAF;
	width			: 100%;
}
span.versionFileName {
	font-family		: Arial;
	color			: #525252;
	font-weight		: bold;
	font-size		: 12px;
	margin-right	: 3px;
	overflow		: hidden;
	text-overflow	: ellipsis;
	white-space		: nowrap;
}
span.versionProps {
	font-family		: Arial;
	color			: #525252;
	font-weight		: normal;
	font-size		: 12px;
}
div.integrity {
	padding: 1px;
	border: solid 1px transparent;
}
div.integrity:hover {
	border: solid 1px #ff3300;
	background-color: #ffebe6;
}
div.versionCmd {
	padding-top		: 10px;
}
div.versionCommentTitle {
	font-family		: tahoma;
	font-size		: 11px;
	padding			: 2px;
	padding-left	: 5px;
	font-weight		: bold;
	color			: #525252; 
}
div.versionComment {
	font-size		: 11px;
	padding			: 5px;
	border			: solid 1px #EDEDED;
	background		: #F4F4F4;
	color			: #676767;
}
div.versionCmd div {
	margin-right	: 2px;
}
div.validBox{
	color			: #343434;
	padding			: 2px;
	padding-left	: 6px;
	background-color: #EBFFEB;
	border			: solid 1px #008000;
	margin-top		: 3px;
	margin-bottom	: 3px;
}
div.invalidBox{
	color			: #343434;
	padding			: 2px;
	padding-left	: 6px;
	background-color: #FFEBE8;
	border			: solid 1px #E02810;
	margin-top		: 3px;
	margin-bottom	: 3px;
}
div.versionSection {
	padding-top		: 0px;
	padding-right	: 15px;
	padding-bottom	: 10px;
	padding-left	: 15px;
	width			: 100%;
	box-sizing		: border-box;
}

/* CollectionsHome */

table.welcome {
	width		: 100%;
	padding-top	: 100px;
	text-align	: center;
	font-family	: verdana, arial, helvetica, sans-serif;
}
div.collection {
	font-weight	: bold;
	font-size	: 16px;
	font-variant: small-caps;
}
div.welcome {
	font-size	: 24px;
	margin-top	: 20px;
}

div.tabArrow{
	padding: 9px 3px;
	border-left: solid 1px #e0e0e0;
	border-right: solid 1px #e0e0e0;
	height: 100%;
	z-index: 10;
	margin-top: 1px;
	position: absolute;
	vertical-align: middle;
	box-sizing: border-box;
	background-color: #F2F2F2;
}
/* Espace de recherche */
.searchSpace{
	padding-top			: 10px ! important;
	padding-bottom		: 10px ! important;
}
.searchGrid {
	padding-left		: 0px ! important;
	padding-right		: 10px ! important;
}

.searchGridControl{
	padding-bottom		: 10px ! important;
}
.searchGridControl * {
	box-sizing: border-box;
}

.searchGridCell, .searchGridCell tbody tr td{
	padding-left		: 0px ! important;
	padding-right		: 10px ! important;
}

/* Boite bleue pale avec cadre bleu fonce */
.infoBox {
	background-color	: #D8EDF9;
	color				: #000040;
	border				: 1px solid #2C628B;
	padding				: 3px !important;
}
/* Boite pour la liste des elements */
.infoBoxDefault {
	background-color	: #fff;
	color				: #000000;
	border				: 1px solid #C5C5C5;
	padding				: 3px !important;
	cursor				: pointer;
}
/* Boite pour la liste des elements - Over */
.infoBoxOver {
	background-color	: #f1f1f1;
	color				: #000000;
	border				: 1px solid #C5C5C5;
	padding				: 3px !important;
	cursor				: pointer;
}
.gChangeBox {
	background-color	: #fff;
	color				: #000000;
	border				: 1px solid #C5C5C5;
	padding				: 4px !important;
	cursor				: pointer;
}
.gChangeBox:hover {
	background-color	: #EEE;
}
tr.active .gChangeBox {
	background-color	: #D8EDF9;
	color				: #000040;
	border				: 1px solid #2C628B;
}
/* Ligne verticale séparatrice chargement en lot */
.separatorLine{
	width				: 20px; 
	background			: url(/img/Grid/bg_vertical_line.png) repeat-y; 
	background-position	: center;
}
.manageGroupsContainer{
	display:flex;
	flex-flow: column;
	height:100%;
	width: 100%;
}
.manageGroupsContainer > *{
	flex: 0 1 auto;
}
.mgContent{
	flex-grow: 1;
	display:flex;
}
.mgContent > *{
	flex: 0 1 auto;
}
.groupList{
}
.groupingBox {
	display: flex;
	flex-flow: column;
}
.groupingBox > *{
	padding: 10px;
	flex: 0 1 auto;
}
.groupingBox .gb-title{
	background-color: #BBB;
	font-size: 14px;
	font-family: "Segoe UI", Tahoma, Verdana, sans-serif;
}
.groupingBox .gb-content{
	padding: 10px;
	flex-grow: 1;
}
.groupInfos{
	flex-grow: 1;
}
.groupBuilderBox{
	display: flex;
	margin-top: 20px;
}
.groupBuilderBox > *{
	flex: 0 1 50%;
}
.availableUsersBox, .usersInGroup{
	flex-grow: 1;
}
.usersListBox{
	height: 100%;
}
.buttonsBox{
	display: flex;
	flex-direction: column;
	flex-basis: 80px;
	padding: 40px;
}
.buttonsBox .button {
	min-width: auto;
	padding: 10px 15px;
}

table.row20px tr{
	height				: 20px;
}
table.row25px tr{
	height				: 25px;
}
/* Boite grise pale avec cadre gris fonce */
.titleBox {
	background-color	: #EFEFEF;
	color				: #000000;
	border				: 1px solid #C5C5C5;
	padding				: 5px !important;
	font-family			: "Segoe UI", Verdana, sans-serif;
	font-size			: 13px;
	text-align			: center;
	font-weight			: normal;
}
/* Donne l'impression que le composant est désactivé */
.disabledStyle {
	background-color	: #EFEFEF;
	color				: #000000;
	border				: 1px solid #C5C5C5;
	padding				: 3px !important;
	font-family			: "Segoe UI", Verdana, sans-serif;
	font-size			: 12px;
}
span.mandatoryField {
	color				: red;
	font-weight			: 700;
	padding-left		: 5px;
}
#images-view .x-panel-body {
	background: white;
	font: 11px arial, tahoma, helvetica, sans-serif;
}

#images-view .thumb {
	background: transparent;
	padding: 3px;
	padding-left: 24px;
	height: 48px;
	width: 96px;
}

#images-view .thumb img {
	height: 48px;
	width: 48px;
}

#images-view .thumb-wrap {
	float: left;
	margin: 4px;
	margin-right: 0;
	padding: 4px;
	border: 1px solid #ece9d8;
}

#images-view .thumb-wrap span {
	display: block;
	overflow: hidden;
	text-align: center;
}

#images-view .x-view-over {
	border: 1px solid #dddddd;
	background: #efefef url("/js/extjs/resources/images/default/grid/row-over.gif") repeat-x left top;
	padding: 4px;
}

#images-view .x-view-selected {
	background: #adbede;
	border: 1px solid #407ca1;
	padding: 4px;
}

#images-view .x-view-selected .thumb {
	background: transparent;
}

#images-view .loading-indicator {
	font-size: 11px;
	background-image: url("/js/extjs/resources/images/default/grid/loading.gif");
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
	margin: 10px;
}
td.searchIcon{
	width			: 16px !important;
	vertical-align	: middle;
	text-align		: center; 
}
td.searchText{
	padding-left	: 5px;
	padding-right	: 5px;
	text-align		: center;
}
td.horizontalSpacer{
	width			: 10px;
	display			: block;
}
select.searchParamList{
	width			: 300px;
	height			: 24px;
}

/*  Section pour les fenetres de gestion des dossiers, contenants et calendriers */
div.manager{
	padding-left	: 0px !important;
	padding-right	: 0px !important;
}
.manager fieldset{
	margin-top		: 10px;
}
.ruleDetails {
	border			: 1px solid #C5C5C5;
	height			: 300px;
	overflow		: auto;
	margin-bottom	: 5px;
}
td.halfWidth{
	width			: 50%;
}
select.reportTemplateFieldWidth{
	width			: 342px;
	margin-bottom	: 5px;
}
select.listWidth{
	width			: 170px;
	margin-bottom	: 5px;
}
.fullSize{
	width			: 100%;
	height			: 100%;
}
.fullHeight{
	height			: 100%;
}
.fullWidth{
	width			: 100%;
}
.modelTextTemplate{
	width			: 522px;
	margin-bottom	: 5px;
	height			: 300px;
}
div.description{
	width			: 522px;
	height			: 60px;
	overflow-y		: auto;
	border			: 1px solid #676767;
}
.templateFieldWidth {
	width			: 522px;
	margin-bottom	: 5px;
}
.templateDBCtrlWidth{
	width			: 515px;
}
tr.nameValueListTopBorder td{
	border-top		: solid 1px #D9D9D9 !important;
}
select.ruleList{
	width			: 500px;
}
.manager label {
	padding-top		: 10px;
}
.docListAnnexe {
	padding-left: 25px !important;
	font-style: italic !important;
	box-sizing: border-box;
}
div.selectedCoteTable {
	border				: 1px solid #407CA1;
	overflow-y			: scroll;
	width				: 200px;
	height				: 100px;
	background-color	: white;
}
strong {
	font-weight: bold;
}

.suggest {
	background-color: #ffffcc;
}
.splitButtonPanel {
	padding: 5px;
	background-image: none;
}

.splitButtonPanel > ul > li{
	margin-bottom: 5px;
}

/* CSP */
.cspGenerateModalWindow{
	padding				: 0px !important;
}
.cspBackgroundPanel{
	background			: url(/img/bg_home_csp_small.png) no-repeat !important;
	background-color	: white !important;
}
.cspPanelCardBorder{
	padding				: 20px;
	background			: url(/img/bg_black_trans_1px.png) repeat;
}
.cspPanelCard{
	padding				: 10px;
	background-color	: #FFFFFF !important;
}
.discreteComment{
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #989898;
	font-weight: normal;
}
.searchGridCellBorrowing, .searchGridCellorrowing tbody tr td{
	padding-left		: 0px ! important;
	padding-right		: 7px ! important;
}
td.nowrapCell{
	white-space: nowrap ! important;
}

.myDocuthequePanel{
	background-color:transparent !important;
}

.cspTriggerMargin{
	margin-bottom: 10px; 
}
/*IE8 bug gestion des prêts*/
.x-form-text, .ext-ie .x-form-text, .ext-ie .x-form-file, .ext-strict .x-form-text, .ext-strict .x-small-editor .x-form-text {
	height: 22px !important;
	padding: 1px 3px;
	box-sizing: border-box;
}
.ext-ie6 .x-small-editor .x-form-text, .ext-ie7 .x-small-editor .x-form-text {
	margin-top:-1px !important; /* ie bogus margin bug */
	margin-bottom:-1px !important;
	height:22px !important; /* ie quirks */
	line-height:16px !important;
}

#ShowVersionGrid table td {
	box-sizing : border-box;
}

/* HTML Editor */
.htmlEditor {
	border-bottom : solid 1px #BCBCBC;
}
