/*

 * Extranet DocuShare
 *
 * Copyright (c) 2001-2005 AbilDoc Corporation.  All Rights Reserved.
 *
 */
html {
	width: 100%;
	height: 100%;
}

body {
	margin-top: 0px;
	margin-bottom: 70px;
	min-height: 100%;
	width: 100%;
	height: 100%;
	color: #383e42;
	font-family: 'Roboto', sans-serif !important;
	font-size: 13px !important;
	background-color: rgba(158, 158, 158, 0.03) !important;
}

body table, td, tr {
	margin-bottom: 0px;
	margin-top: 0px;
}

form {
	margin-bottom: 0px;
	margin-top: 0px;
}

.big-checkbox {
	width: 20px;
	height: 20px;
}

.homepage_portlet  h2 {
	height: 23px;
	margin: 0;
	padding: 4px 0 0 15px;
}

.homepage_portlet {
	width: 100%;
	margin: 1em 0;
	padding: 0 5px 0 0;
	float: left;
}

.fade-scale {
  transform: scale(0);
  opacity: 0;
  -webkit-transition: all .25s linear;
  -o-transition: all .25s linear;
  transition: all .25s linear;
}

.fade-scale.in {
  opacity: 1;
  transform: scale(1);
}

.selected {
	background-color: #247acb;
	color: white !important;
}

.selected a {
	color: white !important;
}

.collection-accueil {
	padding: 10px;
}

.collection-accueil .nom-collection {
	font-size: 17px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: left;
    color: #2f3d47;
}

.collection-accueil {
	display: inline-block;
	margin-bottom: 15px;
	border-left: 5px solid transparent;
	text-decoration: none;
	min-width: 150px;
	border-radius: 3px;
}

.collection-accueil:hover {
	text-decoration: none;
	border-color: #247ACB;
	color: #247ACB;
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.2);
}

.collection-accueil:focus {
	text-decoration: none;
}

.collection-accueil i {
	color: #cedce6;
	line-height: 30px;
	font-size: 30px;
	width: 35px;
}

.collection-accueil p {
	margin: 0;
}

.collection-accueil .sommaire {
	margin-left: 35px;
	color: #5C656C;
}

.accueil .content-wrapper {
	padding: 0;
}

.accueil .form-accueil {
	height: 100%;
}

.accueil .table-collection-fond {
	height: 100%;
}

.accueil .table-collection-fond .liste-collection {
	width: 33vw;
	vertical-align: top !important;
	padding: 25px;
}

.accueil .table-collection-fond .fond-de-page {
	background: url('/ABI_EXTRANET/files/images/fond-accueil.png');
	background-size: cover;
	background-repeat: no-repeat;
}

.accueil .table-collection-fond .fond-de-page {
	width: 67vw;
}

.accueil .table-collection-fond .fond-de-page {
	width: 67vw;
}

.accueil .liste-collection h3 {
	color: #708493;
    font-size: 20px;
    font-weight: 300;
}

.accueil #footer .container {
	width: 67vw;
    margin-right: 0;
    padding-left: 0;
    text-align: left;
    margin-left: auto;
}

/** affichage sur mobile **/
@media screen and (max-width: 768px) {
	.accueil .table-collection-fond .liste-collection {
		width: 100vw;
	}
	
	.accueil .table-collection-fond .fond-de-page {
		display: none;
	}
}

.portlet_bloc {
	background: url("../images/extranet/pixel-transparent.png") repeat
		scroll 100% 100% transparent;
}

.bootstrap-tagsinput {
	width: 100% !important;
}

.bootstrap-tagsinput .label {
	font-size: 100%;
	line-height: 2;
	background-color: #247ACB;
}

/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: inherit;
  -webkit-text-fill-color: inherit;
  -webkit-box-shadow: inherit;
  transition: background-color 5000s ease-in-out 0s;
}

#home_contents #home_login {
	background: #c5bab7 url(../images/extranet/login_corner_BR.png) bottom
		right no-repeat;
	padding: 10px 10px 0 10px;
	margin: 0 0 0 1px;
	overflow: hidden;
	height: 1%;
}

#home_contents #home_login p, #home_contents #home_login label {
	color: #3A87CF;
}

#home_contents #home_login a, #home_contents #home_login h3,
	#home_contents #home_login h4 {
	color: #3A87CF
}

#home_contents #home_login h3 {
	margin-left: -10px;
	background: url(../images/extranet/arrow_loginbox_h3.gif) 0 50%
		no-repeat;
}

#home_contents #home_login h4 {
	padding: 0 0 0 19px;
	margin-top: 0;
	background: url(../images/extranet/whitearrow_loginbox.gif) no-repeat 0
		50%;
}

#home_contents #home_login a:link {
	border-bottom: 1px dotted #3A87CF;
	_border-bottom: 1px solid #3A87CF
}

#home_contents #home_login a:visited {
	border-bottom: 1px dotted #fff;
	_border-bottom: 1px solid #72869e
}

#home_contents #home_login a:active {
	border-bottom: 1px dotted #fff;
	_border-bottom: 1px solid #72869e;
}

#home_contents #login_footer {
	border-top: 1px solid #ebc352;
	padding: 5px;
	margin: 10px -10px 0 -10px;
	background: url(../images/extranet/login_corner_BL.png) no-repeat bottom
		left
}

#home_contents #login_footer p.noteicon {
	padding: 2px 0 2px 19px;
	margin: 0 0 0 1px;
	background: url(../images/extranet/login_infoicon.png) no-repeat 0 50%
}

#home_contents #space_login {
	background: #E9B621 url(../images/extranet/login_corner_BR.gif) bottom
		right no-repeat;
	padding: 10px 10px 0 10px;
	margin: -1px 0 0 1px;
	overflow: hidden;
	height: 1%;
}

#home_contents #space_login h3 {
	margin-left: -10px;
	background: url(../images/extranet/arrow_loginbox_space_h3.gif) 0 50%
		no-repeat;
	padding-left: 20px
}

#home_contents #space_login #login_footer {
	border-top: 1px solid #AF9434;
	padding: 5px;
	margin: 10px -10px 0 -10px;
	background: url(../images/extranet/login_corner_BL.gif) no-repeat bottom
		left
}

#home_contents #space_login #login_footer p.noteicon {
	padding: 2px 0 2px 19px;
	margin: 0 0 0 1px;
	background: url(../images/extranet/icon_note_spacelogin.gif) no-repeat 0
		50%
}

.content-wrapper {
	padding: 25px;
	overflow: auto;
	height: calc(100% - 162px);
	background-color: white;
}

#userPanel form {
	width: 300px;
}

#userPanel h3 {
	margin-bottom: 60px;
}

#userPanel .messageRetour {
	margin-top: 10px;
}

#userPanel .error {
	margin-top: 10px;
	color: red;
}

#userPanel .success {
	margin-top: 10px;
	color: green;
}

#adminUserList .formRecherche {
	min-height: 60px !important;
}

#adminUserList .titreListe {
	margin-top: 15px;
	margin-bottom: 15px;
}

#adminUserList .toggleFormRecherche {
	margin-bottom: 15px;
}

#adminUserList #searchForm{
	margin-bottom:100px !important;
}

#home_sidebar {
	float: right;
	width: 340px;
	margin: 0 0 2em 0;
	padding: 1em 0 0 0;
}

#home_sidebar p {
	font-size: 100%
}

#home_sidebar h4 {
	margin: 0 0 .5em 0
}

/* space navigator for site homepage if spaces exist */
#home_sidebar div#space_navigator {
	background: #ECB821 url(../images/extranet/spacenav_NW.gif) 0% 0%
		no-repeat;
	float: none;
	width: 100%;
	margin: 2px 0 1em -10px;
	_margin: 2px 0 1em 0;
	padding: 0;
	font-size: 100%;
}

#home_sidebar div#space_navigator_inner {
	background: url(../images/extranet/spacenav_SE.gif) 100% 100% no-repeat;
}

#home_sidebar div#space_navigator form {
	background: url(../images/extranet/spacenav_NE.gif) 100% 0% no-repeat;
	display: block;
}

#home_sidebar div#space_navigator fieldset {
	background: url(../images/extranet/spacenav_SW.gif) 0% 100% no-repeat;
	padding: 10px;
	border: none;
}

#home_sidebar div#space_navigator .sitehomelink {
	display: none;
}

#home_sidebar ul {
	list-style: none;
	margin: 0 0 10px 5px;
	padding: 0;
}

#home_sidebar h3 a {
	font-size: 75%
}

#home_sidebar ul li {
	margin: 0 0 3px 0;
}

#home_sidebar ul li p {
	font-size: 90%;
	margin-top: 3px;
}

#home_sidebar hr {
	border: none;
	color: #f1f1f1;
	background-color: #f1f1f1;
	height: 1px;
	margin: 10px 0;
	_margin: 0;
	padding: 0;
	clear: left;
}

#home_sidebar .com_workspaces {
	width: 340px;
	float: none;
}

#home_sidebar .com_workspaces h3 {
	/*background:url(../images/extranet/large/workspace_team.png) 0% 50% no-repeat; */
	padding: 10px 0 0 0;
}

#home_sidebar .com_workspaces p {
	margin: 2px 0 3px 0;
	font-size: 85%
}

#home_sidebar .com_workspaces a.morelink {
	padding-left: 5px;
}

.com_wikis, .com_weblogs {
	width: 160px;
	float: left;
	margin: 0;
	padding: 0;
}

#home_sidebar #communities {
	margin-bottom: 10px;
	border-bottom: 1px solid #f3f3f3;
}

#home_sidebar #othercomitems_inner {
	overflow: hidden;
	_height: 1%;
	padding: 0
}

.com_wikis h3 {
	background: url(../../../images/extranet/large/wiki.png) 0% 50%
		no-repeat;
	padding: 10px 0 10px 40px;
}

.com_weblogs h3 {
	background: url(../../../images/extranet/large/weblog.png) 0% 50%
		no-repeat;
	padding: 10px 0 10px 40px;
}

.bs {
	font-size: 8pt;
	font-weight: normal
}

.variablewidth9 {
	color: black;
	text-decoration: none;
}

.variablewidth92 {
	color: white;
	text-decoration: none;
}

.variablewidth9bold {
	color: black;
	text-decoration: none;
}

.variablewidth12 {
	color: black;
	text-decoration: none;
}

.variablewidth12bold {
	color: black;
	text-decoration: none;
}

.variableWidth9BoldRed {
	color: #FF0000;
	text-decoration: none;
}

.summaryText {
	color: #808080;
	text-decoration: none;
}

.welcome {
	color: black;
	text-decoration: none;
}

.welcome2 {
	color: black;
	text-decoration: none;
}

.toolbar_multi {
	/*filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#F2F0F0,endColorStr=#DBD2D2); */
	background-color: #B2CCF0;
	padding: 3px;
}

.graydot_dividerline {
	width: 100%;
	background-color: #f2f0f0
}

.graydot_dark_dividerline {
	width: 100%;
	background-color: #DAD3D2
}

.collectionListdividerline {
	width: 100%;
	background-color: #f2f0f0;
	padding: 0px;
}

.pageheader_dividerline {
	width: 100%;
	background-color: #ebe1e1;
	margin-top: 5px;
	margin-bottom: 5px
}

.spacer {
	font-size: 1pt;
}

.rowselected {
	background-color: #EFEEE9;
}

.selected {
	color: black;
}

.fieldname {
	color: #666666;
}

.fieldvalue, textarea {
	color: black;
}

.midalign {
	vertical-align: middle;
} /* style for aligning ../images/extranet */
.basealign {
	vertical-align: baseline;
}

/*
 * Use class="dialogbody" or "dialogborder" to set bgcolor
 * body was #ffffcc and border was #e6e6e6 for 3.x
 */
.dialogbody {
	background-color: #fafafa;
}

.dialogborder {
	background-color: #e6e6e6;
}

/*--------------------*/
/* Site Header styles */
/*--------------------*/
.header {
	color: black;
}

.header_linksection {
	background-color: #154070;
	padding-right: 10px;
	padding-left: 10px;
	border-bottom: 1px solid white;
}

.animate {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.navbar-menu {
	background-color: rgb(255, 255, 255);
	border-color: #247ACB;
	border-radius: 0px;
	margin-bottom: 0px;
	z-index: 100;
}

.navbar-menu .champs-recherche {
	position: relative;
    display: table;
    border-collapse: separate;
    height: fit-content;
}

.navbar-menu:nth-of-type(2) {
	border-top-width: 1px;
	z-index: 50
}

.navbar-menu.affix-top {
	position: absolute;
	top: 0px;
	width: 100%;
}

.navbar-menu.affix {
	top: 0px;
	width: 100%;
}

.navbar-menu .navbar-toggle .icon-bar {
	background-color: #247ACB;
}

.navbar-menu .navbar-brand {
	color: #247ACB;
	font-weight: 900;
	letter-spacing: 2px;
}

.navbar-menu .navbar-nav>li>a {
	border: 0px solid #247ACB;
	color: rgb(120, 120, 120);
	padding: 15px 14px;
}

.navbar-menu .navbar-nav>li>form>.input-group>input,
	.navbar-menu .navbar-nav>li>form>.input-group>.input-group-btn>.btn
	{
	border-radius: 0px;
}

.navbar-menu .navbar-nav>li:not(.disabled ).open>a,
	.navbar-menu .navbar-nav>li:not(.disabled ).active>a,
	.navbar-menu .navbar-nav>li:not(.disabled ) >a:hover,
	.navbar-menu .navbar-nav>li:not(.disabled ) >a:focus {
	border-left-width: 5px;
	color: #247ACB;
	padding-left: 10px;
}

.navbar-menu .navbar-nav>li.disabled>a {
	color: rgb(200, 200, 200);
}

.navbar-menu .navbar-nav>li>.dropdown-menu {
	border-radius: 0;
	margin-right: -1px;
	min-width: 220px;
	padding: 0px;
}

.navbar-menu .navbar-nav>li:not(.dropdown-right ) >.dropdown-menu
	{
	left: 0px;
	margin-left: -1px;
	right: auto;
}

.navbar-menu .navbar-nav>li>.dropdown-menu>li>a {
	border-left: 0px solid #247ACB;
	color: rgb(120, 120, 120);
	font-size: 16px;
	font-weight: 400;
	padding: 10px 20px;
	white-space: nowrap;
}

.navbar-menu .navbar-nav>li>.dropdown-menu>li.active>a,
	.navbar-menu .navbar-nav>li>.dropdown-menu>li>a:hover,
	.navbar-menu .navbar-nav>li>.dropdown-menu>li>a:focus {
	background-color: rgb(245, 245, 245);
	border-left-width: 5px;
	padding-left: 15px;
}

.navbar .bootsnipp-profile>a {
	padding-bottom: 9px;
	padding-top: 9px;
}

.navbar .bootsnipp-profile>a>img {
	border-radius: 50%;
	width: 32px;
}

.navbar .bootsnipp-profile>.dropdown-menu {
	width: 320px;
}

.navbar .bootsnipp-profile>.dropdown-menu>li>.row {
	padding: 5px 15px;
}

.navbar .bootsnipp-profile>.dropdown-menu>li>.row img {
	width: 100%;
}

/********************** Début navbar-recherche ******************************************/
.navbar-menu .navbar-recherche {
		visibility: hidden;
		display: none;
}

.navbar-menu .navbar-recherche.open {
		-webkit-transform: rotateX(0deg);
		-moz-transform: rotateX(0deg);
		-o-transform: rotateX(0deg);
		-ms-transform: rotateX(0deg);
		transform: rotateX(0deg);
		visibility: visible;
}

.navbar-menu .navbar-recherche .form-control {
	background-color: rgb(235, 235, 235);
	border-radius: 0 0 0 10px !important;
	border-width: 1px;
	font-size: 24px;
	padding: 0 20px;
	height: 50px;
}

.navbar-menu .navbar-recherche .form-control:focus {
	border-color: #ccc;
	border-width: 1px;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.navbar-menu .navbar-recherche .form-control.has-filtres {
	border-bottom-left-radius: 0 !important;
}

.navbar-menu .navbar-recherche .input-group-btn>.btn {
	padding: 14px 16px;
	border-radius: 0px;
}

.navbar-menu .navbar-recherche .input-group-btn>.btn.active,
	.navbar-menu .navbar-recherche .input-group-btn>.btn:hover,
	.navbar-menu .navbar-recherche .input-group-btn>.btn:focus {
	padding: 14px 16px 14px 15px;
}

.navbar-menu .navbar-recherche .input-group-btn>.btn-default {
	background-color: rgb(245, 245, 245);
}

.navbar-menu .navbar-recherche .input-group {
	height: fit-content;
}

.navbar-menu .navbar-recherche .input-group-btn {
	height: 100%;
}

.navbar-menu .navbar-recherche .filtres {
	float: left;
	display: inline-flex;
	background-color: whitesmoke;
    border-bottom-left-radius: 10px;
    padding: 5px;
    border: 1px solid #cccccc;
    width: 100%;
    align-items: center;
    padding-left: 20px;
}

.navbar-menu .navbar-recherche .filtres .info-filtres {
	font-weight: 500;
}

.navbar-menu .navbar-recherche .filtres .filtre-date {
	position: relative;	
	width: min-content;
	display: inline-block;
}

.navbar-menu .navbar-recherche .filtres .filtre:not(:first-child) {
	margin-left: 20px;
}

.navbar-menu .navbar-recherche .filtres .filtre .nom {
	margin-right: 5px;
}

.navbar-menu .navbar-recherche .filtres .filtre select, .daterangepicker select {
	width: auto;
    display: inline-block;
    line-height: 1.3;
    padding: 4px;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgb(0 0 0 / 4%);
    border-radius: 0.5em;
    -moz-appearance: none;
    background-color: #fff;
}

.navbar-menu .navbar-recherche .filtres .filtre input {
	border-radius: 0.5em;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgb(0 0 0 / 4%);
    padding: 0.25em;
    width: 173px;
}

.navbar-menu .navbar-recherche .input-group-btn {
	vertical-align: top;
	height: 100%;
}

.navbar-menu .navbar-recherche .input-group-btn button {
	height: 100%;
}

.navbar-menu .navbar-recherche {
	background-color: transparent;
	display: block;
	position: absolute;
	top: 100%;
	width: 100%;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	-o-transform: rotateX(-90deg);
	-ms-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	-webkit-transform-origin: 0 0 0;
	-moz-transform-origin: 0 0 0;
	-o-transform-origin: 0 0 0;
	-ms-transform-origin: 0 0 0;
	transform-origin: 0 0 0;
	visibility: hidden;
	pointer-events: none;
}

.navbar-menu .navbar-recherche>.container {
	padding: 0px;
}

@media screen and (max-width: 768px) {
	
	/* Debut suppression 2eme calendrier, car trop grand en mode mobile */

	.daterangepicker .drp-calendar.right {
	    position: absolute !important;
	    right: 0 !important;
	    top: 0 !important;
	}
	
	.daterangepicker .drp-calendar.right tbody {
	    display: none !important;
	}
	
	.daterangepicker .drp-calendar.right thead > tr:nth-child(2) {
	    display: none !important;
	}
	
	.daterangepicker .drp-calendar.right th.month {
	    display: none !important;
	}
	
	.daterangepicker .drp-calendar.right .calendar-table {
	    background: transparent !important;
	}
	
	.daterangepicker .daterangepicker.ltr .ranges, .daterangepicker.ltr .drp-calendar {
	    float: none !important;
	}
	
	.daterangepicker .drp-calendar.right .daterangepicker_input {
	    position: absolute !important;
	}
	/* Fin suppression 2eme calendrier */ 

	.navbar-recherche .champs-recherche {
		width: 100vw;
	    display: block;
	}
	
	.navbar-recherche .filtres {
	    display: block !important;
    	padding: 20px !important;
	}
	
	.navbar-recherche .filtre {
	    width: 100vw;
	    padding: 10px;
	    display: block;
	    padding-left: 0;
	}
	
	.navbar-recherche .filtre .nom {
		width: 110px;
    	display: inline-block;
	}
	
	.navbar-menu .navbar-recherche .filtres .filtre:not(:first-child) {
		margin: 0;
    	width: 100%;
	}
	
	#menu .btn-default {
		width: calc(50% + 1px);
	}
	
	#menu .bouton-masquer {
		border-radius: 0 !important;
	}
	
	#menu .bouton-rechercher {
		width: 100vw;
		margin: 0;
		display: block;
	}
	
	#menu .navbar-recherche .filtres {
		border-radius: 0;
	}
	
	#menu .navbar-recherche .form-control {
		font-size: 20px;
	}

}
/********************** Fin navbar-recherche ******************************************/


.nav-padding {
	padding-top: 61px;
}

#blockModal.in {
    height: calc(100vh - 60px);
    display: flex !important;
    justify-content: center;
    align-items: center;
}

#blockModal .modal-dialog {
	width: fit-content;
}

#blockModal .modal-dialog .modal-body {
	text-align: center;
}

#modalVisualiserDoc.in {
	display: flex !important;
	align-items: center;
    justify-content: center;
}

.navbar-menu .navbar-brand {
	font-size: 20px;
	height: auto;
	padding: 15px 5px;
}
.navbar-menu .navbar-nav>li>a {
	font-size: 16px;
	letter-spacing: 1px;
}
.navbar-menu .navbar-nav>li:not(.disabled ).open>a,
	.navbar-menu .navbar-nav>li:not(.disabled ).active>a,
	.navbar-menu .navbar-nav>li:not(.disabled ) >a:hover,
	.navbar-menu .navbar-nav>li:not(.disabled ) >a:focus {
	border-bottom-width: 5px;
	border-left-width: 0px;
	padding-bottom: 10px;
	padding-left: 14px;
}
.navbar-menu .navbar-nav>li.disabled>a {
	padding-left: 10px;
	padding-right: 10px;
}

.navbar-menu form {
	pointer-events: all;
}
	
.navbar-toggle {
	float: left !important;
    margin: 0 !important;
    background-color: #e7eef6 !important;
    border-radius: 50px !important;
    padding: 12px !important;
    width: 50px;
    height: 50px;
}

.navbar-menu .navbar-toggle .icon-bar {
	background-color: #5d6b74 !important;
}

.navbar-toggle .icon-bar {
	margin: auto;
}

.navbar-toggle:hover {
	background-color: #e7eef6 !important;
}

.navbar-toggle .icon-bar {
	width: 22px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

/* ANIMATED X */
.navbar-toggle .icon-bar:nth-of-type(1) {
	-webkit-transform: translate(3px)rotate(45deg);
	-ms-transform: translate(3px)rotate(45deg);
	transform: translate(3px)rotate(45deg);
	-webkit-transform-origin: 10% 10%;
	-ms-transform-origin: 10% 10%;
	transform-origin: 10% 10%;
}

.navbar-toggle .icon-bar:nth-of-type(2) {
	opacity: 0;
	filter: alpha(opacity=0);
}

.navbar-toggle .icon-bar:nth-of-type(3) {
	-webkit-transform: translate(3px)rotate(-45deg);
	-ms-transform: translate(3px)rotate(-45deg);
	transform: translate(3px)rotate(-45deg);
	-webkit-transform-origin: 10% 90%;
	-ms-transform-origin: 10% 90%;
	transform-origin: 10% 90%;
}

/* ANIMATED X COLLAPSED */
.navbar-toggle.collapsed .icon-bar:nth-of-type(1) {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}

.navbar-toggle.collapsed .icon-bar:nth-of-type(2) {
	opacity: 1;
	filter: alpha(opacity=100);
}

.navbar-toggle.collapsed .icon-bar:nth-of-type(3) {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}

#recherche .apparaitDans {
	font-size: 9pt;
	font-style: italic;
	margin-left: 5px; 
}

#recherche .titreDoc {
	font-size: 11pt;
}

#menu {
	box-shadow: inset 0 -1px 0 #DCDEE0;
    font-weight: 300;
    position: relative;
    width: 100%;
    z-index: 100;
    background-color: white;
    padding-bottom: 1px;
    display: block;
    margin-bottom: 0;
}

#menu a {
	display: inline-block;
	height: 63px;
	line-height: 65px;
	font-size: 13px;
	padding: 0px 15px;
	color: #2e3236;
	text-decoration: none;
	text-transform: uppercase;
}

#menu .logo-bandeau {
	background-color: transparent;
	display: flex;
    justify-content: center;
    align-items: center;
	height: 100%;
}

#menu .logo-bandeau:hover {
	background-color: #eee;
}

#menu .logo-bandeau img {
	max-height: 100%;
	padding-top: 8px;
	padding-left: 8px;
}

@media screen and (min-width: 768px) {
	#menu .container-fluid .navbar-header, #menu .container-fluid .navbar-collapse{
		height: 110px !important;
	}	
}

#menu .container-fluid .navbar-header .animbrand {
	height: 100%;
}

#menu li {
	    height: 100% !important;
}

#menu li a {
	height: 100%;
	    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 3px solid transparent; 
    border-left: 1px solid transparent;
	border-right: 1px solid transparent;
}

#menu li a.page-courante {
	border-bottom: 3px solid #bf3f3f; 
	border-left: 1px solid #f7f7f778;
	border-right: 1px solid #f7f7f778;
}

@media (min-width: 768px) {
	#menu .navbar-nav {
	    height: 100% !important;
	}
	
	.content-wrapper-mask {
		display: none !important;
	}
	
	.content-wrapper {
		filter: none !important;
		backdrop-filter: none !important;
	}
	
	
}

#menu .navbar-nav a {
	font-family: Roboto;
	font-size: 16px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.2;
	letter-spacing: normal;
	text-align: left;
	color: #2f3d47;
}

#menu .navbar-nav a .image {
	width: 24px;
	margin-right: 10px;
	text-align: center;
}

#menu .navbar-nav .icone-recherche {
	width: 80px;
}

#menu .navbar-nav .icone-recherche img {
	margin-right: 0px;
}

#menu i {
	margin-right: 5px;
}

#menu .loginname:hover {
	color: #2e3236;
	background-color: transparent;
}

#menu .navbar-collapse {
	background-color: white !important;
}

#menu .navbar-collapse a {
	width: 100%;
}

#menu .navbar-collapse .logo-bandeau {
	max-width: 70%;
}

#menu .icone-recherche {
	display: flex;
    justify-content: center;
    align-items: center;
}

#menu .bouton-rechercher {
	border-radius: 0 0 10px 0;
}

#menu .btn-clear-date {
	width: 20px;
    padding: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background-color: transparent;
    position: absolute;
    right: 0;
}

#menu .btn-clear-date i {
	color: #686868;	
}



#menu .mini-search-bar {
	padding: 10px;
}

.content-wrapper-mask {
	height: 100vh;
    width: 100vw;
    position: absolute;
    z-index: 1;
    top: 0;
	background-color: #abc9e0;
	opacity: 0.3;
	display: none;
}

a.headerlinks:link {
	font-weight: normal;
	font-size: 11px;
	color: white;
	text-decoration: none;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#46506F,
		direction=135, strength=2);
}

a.headerlinks:visited {
	font-weight: normal;
	font-size: 11px;
	color: white;
	text-decoration: none;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#46506F,
		direction=135, strength=2);
}

a.headerlinks:hover {
	font-weight: normal;
	font-size: 11px;
	color: red;
	text-decoration: none;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#46506F,
		direction=135, strength=2);
}

a.headerlinks:hover, visited {
	font-weight: normal;
	font-size: 11px;
	color: white;
	text-decoration: underline;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#46506F,
		direction=135, strength=2);
}

a.headerlinks:active {
	font-weight: normal;
	font-size: 11px;
	color: red;
	text-decoration: none;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#46506F,
		direction=135, strength=2);
}

a.headerlinks:hover, active {
	font-weight: normal;
	font-size: 11px;
	color: red;
	text-decoration: none;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#46506F,
		direction=135, strength=2);
}

a.crumblinks:link {
	font-weight: normal;
	font-size: 8pt;
	color: black;
	text-decoration: none;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#46506F,
		direction=135, strength=2);
}

a.crumblinks:visited {
	font-weight: normal;
	font-size: 8pt;
	color: black;
	text-decoration: none;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#46506F,
		direction=135, strength=2);
}

a.crumblinks:hover {
	font-weight: normal;
	font-size: 8pt;
	color: red;
	text-decoration: none;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#46506F,
		direction=135, strength=2);
}

a.crumblinks:hover, visited {
	font-weight: normal;
	font-size: 8pt;
	color: black;
	text-decoration: underline;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#46506F,
		direction=135, strength=2);
}

a.crumblinks:active {
	font-weight: normal;
	font-size: 8pt;
	color: red;
	text-decoration: none;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#46506F,
		direction=135, strength=2);
}

a.crumblinks:hover, active {
	font-weight: normal;
	font-size: 8pt;
	color: red;
	text-decoration: none;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#46506F,
		direction=135, strength=2);
}

.headerlink_container {
	color: white;
	width: 100%
}

.text_dvline {
	background: transparent
		url(../images/extranet/pattern_vertdividerwhite.gif) repeat-y top;
	height: 15px;
	width: 3px;
	vertical-align: middle
}

.text_dvline_loginbar {
	background: transparent
		url(../images/extranet/pattern_vertdividerblack.gif) repeat-y top;
	height: 15px;
	width: 3px;
	vertical-align: middle
}

/*-----------------------*/
/* Bulletin Board styles */
/*-----------------------*/
.postentry_author {
	background: #DAD3D2;
}

.postentry_message {
	background: #FAF7F7;
}

.discussionHeader {
	background: #A3A1A1;
	border-bottom: 1px solid black;
	font-weight: bold;
	color: white;
}

.subPostNotice {
	color: #4D4D4D;
}
/*---------------------------*/
/* Personal Home Page Styles */
/*---------------------------*/
.portletHeader {
	background: #dad3d2;
	padding: 5px;
	font-size: 8pt;
	color: #666666;
	font-weight: bold;
}

.portletSubHeader {
	padding: 4px;
	background: #F2F0F0;
}

.portletHeader_nav {
	background: #dad3d2;
	padding: 5px;
	font-size: 8pt;
	font-weight: normal;
}

.portletNavText {
	color: #808080;
}

.box {
	
}

.personalCalendar {
	border-left: 1px solid #EBE1E1;
	border-right: 1px solid #EBE1E1;
	border-bottom: 1px solid #EBE1E1;
	border-collapse: collapse;
}

/*------------------*/
/* Home Page Styles */
/*------------------*/
.homePageSidebarTitle {
	font-size: 8pt;
	font-weight: bold;
	color: #ffffff;
	background: #6290AA;
}

.homePageFlashTitle {
	font-size: 8pt;
	font-weight: bold;
	color: #ffffff;
	background: #F7902A;
}

td a.navig {
	display: block;
	text-decoration: none;
	width: 100%;
	height: 100%;
	color: white;
}

td a:hover.navig {
	color: #FFCC00;
	text-decoration: none;
}

.RightMargin {
	border-right-width: 1px;
	border-right-style: solid;
	border-color: #FFFFFF;
	font-size: 10px;
}

.BottomMargin {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-color: #C3222F;
	font-size: 10px;
}

.TopMargin {
	border-top-width: 3px;
	border-top-style: solid;
	border-color: #C3222F;
	font-size: 10px;
}

/*------------*/
/* EXTRANET   */
/*------------*/
#acceptation-cgu .form {
	height: 100%;
	width: 100%;
}

#acceptation-cgu .pdf {
	height: calc(100% - 150px);
	width: 100%;
}

#acceptation-cgu .zone-action {
	padding-top: 20px;
	text-align: center;
	height: 110px;
	font-size: 14pt;
	overflow-y: auto;
}

.bandeau3 {
	color: white;
}

.signature {
	text-align: right;
	background: #D0D0D0;
	color: black;
	border-top: 0px solid #FF0000;
	height: 35px;
	line-height: 35px;
}

.metadata {
	background-color: #e6e6e6;
	color: #505050;
	font-weight: bold;
}
/*.titre {color:white;
	 font-weight:bold; 
} ORANGE */
.titre {
	color: black;
	font-weight: bold;
}

/*.login {background-color:#F7F7F7;
	 color:#ff6600;
	 font-weight:bold; 
} ORANGE */
.logo {
	margin: auto;
}

/*************************************** Login ********************************************************/
#loginPage .login {
	width: 100vw;
	height: 100vh;
	margin: auto;
}

#loginPage .login-image {
	width: 66%;
    height: 100%;
    float: left;
    background-image: url(/ABI_EXTRANET/files/images/fond-login-pc.png);
    background-repeat: no-repeat;
    background-size: cover;
}

#loginPage .login-panel {
	margin-left: 66%;
	height: 100%;
    display: grid;
    justify-content: center;
    align-items: center;
    overflow: auto;
    height: 100%;
}

#loginPage .login-wrapper {
	padding: 40px;
    word-break: break-word;
}

#loginPage .login-title {
	margin-bottom: 20px;
}

#loginPage .login-title .titre-principal {
  font-family: Roboto;
  font-size: 40px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.9;
  letter-spacing: normal;
  text-align: left;
  color: #5a6b75;
}

#loginPage .login-title .titre-secondaire {
    display: block;
    font-family: Roboto;
	font-size: 16px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: normal;
	text-align: left;
	color: #8591a0;
}

#loginPage .login-content {
	padding: 35px;
	background-color: #e7eef6;
	position: relative;
	padding-bottom:45px;
}

#loginPage .login-content .zone-messages {
	position: absolute;
    bottom: 10px;
    text-align: center;
    width: calc(100% - 70px);
}

#loginPage .login-content .titre-wrapper {
    display: flex;
    justify-content: left;
    align-items: center;
    margin-bottom: 25px;
}

#loginPage .login-content .titre {
	margin-left: 20px;
	font-family: Roboto;
	font-size: 20px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.2;
	letter-spacing: normal;
	text-align: left;
	color: #5a6b75;
	text-transform: uppercase;
}

#loginPage .login-content input {
	height: 50px;
    border: 0;
}

#loginPage .login-content input:-internal-autofill-selected {
	background: inherit;
}

#loginPage .champ-mdp {
	position: relative;
}

#loginPage .champ-mdp .btn-afficher-masquer-mdp {
	position: absolute;
    top: 15px;
    right: 15px;
    border: 0;
    background-color: transparent;
}

#loginPage .boutons {
	text-align: center;
}

#loginPage .boutons .btnLogin {
	background-color: #708493;
	color: white;
	padding: 15px;
    border-radius: 3px;
	width: 100%;
}

#loginPage .boutons .btnMdpOubli {
	background-color: transparent;
    color: #45c1ea;
    font-family: Roboto;
    font-size: 14px;
    margin-top: 5px;
}

/** adaptations mobile **/
@media screen and (max-width: 768px) {
	
	#loginPage .login-image {
		background-image: url(/ABI_EXTRANET/files/images/fond-login-mobile.png);
	    width: 100%;
	    height: 200px;
	}
	
	#loginPage .login-panel {
		margin-left: 0;
	    align-items: start;
	    float: left;
	    width: 100%;
	}
	
	#loginPage .login-title .titre-principal {
		font-size: 26px;
	}
	
	#loginPage .login-title .titre-secondaire {
		font-size: 12px;
	}
	
}

.document {
	color: #666666;
}

.arbo-coll-courante {
	font-weight: bold;
}

.document:hover {
	color: #247ACB;
}

.blocErreur {
	background-color: transparent;
	color: black;
	text-decoration: none;
	border-radius: 5px;
	border: 1px solid #DCDEE0;
	width: 500px;
	height: 300px;
	text-align: center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.blocErreur-title {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	height: 42px;
	padding: 10px;
	background-color: #247ACB;
	color: white;
	font-size: 16px;
	font-weight: bold;
	padding: 10px;
}

.blocErreur-content {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 10px;
	display: table-cell;
	vertical-align: middle;
	width: 500px;
	height: 260px;
}

.blocErreur-message {
	margin-bottom: 30px;
	display: block;
}

.blocErreur-image {
	width: 250px;
	height: auto;
	opacity: 0.06;
}

.summary {
	color: #666666;
}

/* On laisse de la place pour la pagination */
#affiche-collection .boutons {
	margin-right: 220px;
	position: absolute;
}

#affiche-collection .boutons .btn-action .ui-icon.fa {
	margin-top: 3px !important;
}

#affiche-collection .boutons .btn-action {
	margin-right: 10px;
	border-radius: 3px !important;
    border: solid 1px rgba(116, 132, 145, 0.51) !important;
    background-color: #fff !important;
    color: #67ace0 !important;
    display: inline-flex;
    align-items: center;
}

#affiche-collection .fil-ariane, #affiche-collection .titre-coll {
	padding-right: 25px;
	padding-left: 25px;
}

#affiche-collection .contour-tableau {
	margin-right: 25px;
	margin-left: 25px;
	margin-bottom: 25px;
}

#affiche-collection .titreCollection {
	font-size: 20px;
	font-weight: bold;
}

#affiche-collection .tableau tr, th, td {
	vertical-align: middle !important;
}

#affiche-collection .tableau tr {
	height: 35px;
	padding-left: 10px;
}

#affiche-collection .tableau thead tr {
	border-bottom: 2px solid #ddd;
} 

#affiche-collection .tableau thead th {
	text-align: left;
    color: #8591a0;
    font-size: 14px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
} 

#affiche-collection .tableau tbody tr {
	border-bottom: 1px solid #ddd;
} 

#affiche-collection .tableau {
	margin-top: 45px;
	padding: 20px;
	background-color: white;
}

#affiche-collection .contour-tableau {
	background-color: rgba(231, 238, 246, 0.76);
	padding: 10px;
	position: relative;
}

#affiche-collection .ui-datatable thead th {
	background-color: white !important;
}

#affiche-collection .ui-datatable .ui-datatable-odd {
    background-color: #f5f5f573;
}

#affiche-collection .ui-datatable .ui-sortable-column-icon {
	margin: -3px 0 -6px 4px;
}

#affiche-collection .ui-paginator a:not(.ui-paginator-page) {
	border-radius: 35px;
	color: #67ace0 !important;
}

#affiche-collection .ui-paginator a.ui-paginator-page {
	border: 0;
	color: #666666;
	background-color: transparent;
	font-weight: normal;
}

#affiche-collection .ui-paginator a.ui-state-active {
	font-weight: bolder;	
	background-color: white !important;
}

#affiche-collection .content-wrapper {
	padding: 0;
}

.ui-paginator a span::before {
    margin-left: -4px;
}

#affiche-collection .tableau .col-checkbox {
	width: 50px;
}

#affiche-collection .tableau .col-checkbox .ui-chkbox-box.ui-state-default {
	border-color: #ccc;
}

#affiche-collection .tableau .col-checkbox .ui-chkbox-box.ui-state-active {
	border-color: #247acb;
	background: white;
}

#affiche-collection .tableau .col-checkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon{
	background-image: url(/ABI_EXTRANET/javax.faces.resource/images/ui-icons_2e83ff_256x240.png.xhtml?ln=primefaces-abildoc);
}

#affiche-collection .tableau .col-checkbox .ui-chkbox-all {
	margin: 0;
}

#affiche-collection .tableau .col-checkbox .ui-chkbox-box.ui-state-disabled {
	display: none;
}

#affiche-collection .tableau .col-content_type {
	width: 70px;
}

#affiche-collection .tableau tr:hover {
	background-color: #247acb21;
}

#affiche-collection .tableau tr.ui-state-highlight {
	border-left: 0px;
	border-right: 0px;
	background: #247acb;
	color: white;
}

#affiche-collection .tableau tr.ui-state-highlight a {
	color: white;
}

#affiche-collection .tableau .ui-paginator {
    position: absolute;
    right: 7px;
    top: 12px;
}

#affiche-collection .tableau .ui-paginator .ui-paginator-current {
    padding: 0;
    margin: 0;
    margin-right: 10px;
}

#affiche-collection .tableau .ui-paginator .ui-paginator-page.ui-state-active {
	background: #247acb;
}

#affiche-collection .tableau th {
	border: 0px;
}

#affiche-collection .tableau td {
	border: 0px;
}

#affiche-collection .nb-resultats {
	font-size: 15pt;
}

#affiche-collection .ui-button {
	height: 34px;
}

.Ajoutdocument {
	color: #666666;
	font-weight: bold;
}

.fil-ariane {
	padding-top: 15px;
	padding-bottom: 15px;
    background-color: rgba(231, 238, 246, 0.28);
}

.fil-ariane .mes-dossiers {
	text-decoration: underline;
	color: #67ace0;
}


.grandTitre {
	color: white;
	font-weight: bold;
	background: #fff;
}

.arborescence .titre-coll {
	padding-left: 10px;
	padding-top: 10px;
}

.arborescence .titre-coll .title {
	font-size: 20px;
	font-weight: bold;
	color: #247ACB;
	margin-bottom: 0px;
}

.arborescence .titre-coll .summary {
	padding-left: 39px;
	font-size: 14px;
}

.arborescence i {
	padding-right: 10px;
	color: #2e3236;
}

.arborescence  td {
	padding: 10px 0 0 0;
}

.image-collection-arbo {
	padding-left: 22px;
}

.toolbar {
	padding: 2px 5px;
	background-color: #e6e6e6;
	border-bottom: 1px solid #E6E6E6;
}

.btn-telecharger {
	margin-left: 10px;
}

.props_applybuttonrow {
	text-align: right;
	clear: both;
	display: block !important;
	margin: 0px 0 !important;
	padding: 10px;
}

.tab-action {
	border-top: 1px solid #E6E6E6;
}

.table-form {
	background: #F0F0F0;
	padding: 15px 15px 0 15px;
	margin: 0 0 20px 30px
}

.trdoc td {
	border-bottom: 1px solid #E6E6E6;
}

#pageDownloadDoc {
	width: 550px;
	padding: 10px;
	background: #ececec;
	margin: 10px
}

#pageDownloadDoc h1 {
	font-size: 16px;
	color: #775F33;
	margin: 0
}

#pageDownloadDoc p {
	margin: 0
}

#pageDownloadDoc .blocTelechargementDoc {
	background: #fff;
	width: 530px;
	height: 140px;
	margin: 20px 0 0 0;
}

#pageDownloadDoc .texteTelechargementDoc {
	padding: 10px;
	font-weight: bold;
	text-align: center;
}

#pageDownloadDoc .lienTelechargementDoc {
	width: 530px;
	text-align: center;
}

#pageDownloadDoc .iconeTelechargementDoc {
	display: inline-block;
	background: url("../images/extranet/download-logo.jpg") no-repeat;
	height: 83px;
	width: 100px;
	text-align: center;
}

#pageDownloadDoc .iconeTelechargementDoc:hover {
	background: url("../images/extranet/download-logo-hover.jpg") no-repeat;
}

#pageDownloadDoc .lienRetour {
	color: #775F33;
	margin: 10px 0 0 0;
	display: inline-block;
}

#pageDownloadDoc .lienRetour:hover {
	color: #ddd
}

/* make sidebar nav vertical */
@media ( min-width : 400px) {
	.sidebar-nav .navbar .navbar-collapse {
		padding: 0;
		max-height: none;
	}
	.sidebar-nav .navbar ul {
		float: none;
	}
	.sidebar-nav .navbar ul:not {
		display: block;
	}
	.sidebar-nav .navbar li {
		float: none;
		display: block;
	}
	.sidebar-nav .navbar li a {
		padding-top: 12px;
		padding-bottom: 12px;
	}
}

.admin-menu li {
	float: none !important;
}

#footer {
	line-height: 50px;
	border: solid 1px #e7eef6;
	background-color: #e7eef6;
	text-align: left;
}

#footer .container {
	margin-left: 10px;
}

#adminUserView form {
	width: 435px;
}

#adminUserView .form-group {
	height: 100px;
}

#adminUserView .col1 {
	width: 200px;
	color: #247ACB;
	font-weight: bold;
}

#adminUserView .bootstrap-tagsinput {
	background-color: transparent;
	border: 0
}

#adminUserView .bootstrap-tagsinput input {
	display: none;
}

#adminUserView .bootstrap-tagsinput .label-info span {
	display: none;
}

.bootstrap-tagsinput .label {
	font-size: 100%;
	line-height: 2;
	background-color: #247ACB;
}

.file {
	visibility: hidden;
	position: absolute;
}

html, body {
	height: 100%;
}

#actions {
	margin: 2em 0;
}

/* Mimic table appearance */
div.table {
	display: table;
}

div.table .file-row {
	display: table-row;
}

div.table .file-row>div {
	display: table-cell;
	vertical-align: top;
	border-top: 1px solid #ddd;
	padding: 8px;
}

div.table .file-row:nth-child(odd) {
	background: #f9f9f9;
}

/* The total progress gets shown by event listeners */
#total-progress {
	opacity: 0;
	transition: opacity 0.3s linear;
}

/* Hide the progress bar when finished */
#previews .file-row.dz-success .progress {
	opacity: 0;
	transition: opacity 0.3s linear;
}

/* Hide the delete button initially */
#previews .file-row .delete {
	display: none;
}

/* Hide the start and cancel buttons and show the delete button */
#previews .file-row.dz-success .start, #previews .file-row.dz-success .cancel
	{
	display: none;
}

#previews .file-row.dz-success .delete {
	display: block;
}

#upload {
	text-align: center;
}

#upload form {
	width: 100%;
	height: 100%;
	padding: 20px;
	text-align: center;
}

#upload .form-group {
	height: 100px;
	margin: auto;
	text-align: center;
}

#upload .col-titre-sommaire {
	min-width: 300px !important;
}

#upload .col-fichier {
	height: 150px;
}

#upload #myDropzone {
	background-color: rgba(231, 231, 231, 0.15);
	margin: auto;
	width: calc(100vw - 1000px);
	border: dashed 1px grey;
	border-radius: 40px;
	text-align: center;
	padding: 10px;
	font-size: 13pt;
	min-width: 300px;
	line-height: 40px;
}

#upload #myDropzone #dropzone-wrapper {
	width: 600px;
	height: 200px;
	display: table-cell;
	vertical-align: middle;
}

#upload #myDropzone #dropzone-content {
	display: inline-block;
	width: 300px;
	height: 100px;
	pointer-events: none;
}

#upload #myDropzone #fileButton {
	pointer-events: auto;
}

#upload #myDropzone .dz-remove {
	pointer-events: auto;
}

#upload h3 {
	text-align: center;
}

#upload #submit-all {
	width: 100px;
	margin-top: 20px;
}

#upload #preview {
	padding: 20px;
}

#upload #erreur {
	display: none;
	color: #a94442;
	margin-top: 20px;
}

#upload #loading {
	display: none;
	margin: auto;
	margin-top: 20px;
}

#upload .glyphicon {
	margin-right: 10px;
}

#adminUserAdd .formulaire {
	margin-top: 30px;
}

#adminUserAdd .form-group {
	width: 100%;
	min-height: 100px;
}

#adminUserAdd .radio-admin {
	margin-right: 40px;
}

#adminUserModify .formulaire {
	margin-top: 30px;
}

#adminUserModify .form-group {
	width: 100%;
	height: 100px;
}

#adminUserModify .radio-admin {
	margin-right: 40px;
}

#adminUserModify .bootstrap-tagsinput {
	width: 100% !important;
}

#adminUserModify .label {
	font-size: 100%;
	background-color: #247ACB;
}

#radioBtn .notActive {
	color: #3276b1;
	background-color: #fff;
}

.clickable-row {
	cursor: pointer;
}

@media screen and (max-width: 768px) {
	
	.ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title {
		width: 33%;
	}
	
	.content-wrapper {
		padding-left: 0;
		padding-right: 0;
	}
	
	#affiche-collection .fil-ariane, #affiche-collection .titre-coll {
		padding-right: 10px;
		padding-left: 10px;
	}
	
	#affiche-collection .contour-tableau {
		margin-right: 10px;
		margin-left: 10px;
	}
	
	#affiche-collection {
		padding: 0 !important;
	}
	
	#affiche-collection .tableau {
		padding-right: 0 !important;
		padding-left: 0 !important;
		margin-top: 75px;
	}
	
	#affiche-collection .tableau .ui-paginator {
		width: calc(100vw - 35px);
	}
	
	#affiche-collection .tableau .ui-paginator .ui-paginator-pages {
		display: inline-block;
	}
	
	#affiche-collection .col-checkbox .ui-column-title {
		display: none;
	}
	
	#affiche-collection thead {
		position: inherit;
	}
	
	#affiche-collection thead {
		display: initial;
    	position: absolute;
    	top: 51px;
    	left: 20px;
	}
	
	#affiche-collection thead tr {
		border: 0 !important;
	    height: fit-content !important;
	    padding: 0 !important;
	}
	
	#affiche-collection thead th.ui-selection-column {
	    background-color: transparent !important;
	    width: fit-content !important;
    	padding: 0 !important;
	}
	
	#affiche-collection thead th:not(.ui-selection-column) {
		display: none;
	}
	
	#affiche-collection .ui-chkbox-all {
		width: 20px;
		height: 20px;
	}
	
	#affiche-collection .ui-chkbox .ui-chkbox-box {
		width: 20px;
		height: 20px;
	}
	
	#affiche-collection .boutons {
		margin-left: 45px;
		margin-right: 0;
	    top: 45px;
	}
	
	#affiche-collection .boutons .ui-button-text {
		display: none;
	}
	
	#affiche-collection .boutons .btn-action {
		border: 1px solid transparent !important;
	    background-color: transparent !important;
	    border-radius: 15px !important;
	    height: 25px;
	    width: 25px;
	    padding: 15px;
	}
	
	#affiche-collection .boutons .btn-action .ui-icon.fa {
		top: 3px;
	    right: 7px;
	    margin: 0px !important;
	    padding: 0;
	}
	
	#affiche-collection .boutons .btn-action:hover {
		background-color: #f2f2f2 !important;
    	border: 1px solid #d2d2d2 !important;
	}
	
	#affiche-collection td {
		display: flex;
	}
	
	#affiche-collection td .valeur {
		width: 63%;
    	display: inline-block;
	}
	
 	#menu .navbar-collapse {
		width: 100vw;
		max-height: calc(100vh - 160px);
		position: absolute;
		padding-bottom: 10px;
	}
	
	#menu .navbar-nav {
		margin: 0;
	}
	
	#menu .container-fluid .navbar-header .animbrand {
		margin: auto;
	}
	
	#menu .container-fluid .navbar-header {
		height: 100%;
	    display: flex;
	    align-items: center;
	    padding: 10px;
	    text-align: left;
	}
	
	#menu li a {
		padding: 10px;
		border: 0px;
		justify-content: left;
	}
	
	#menu li a.page-courante {
		border-bottom: 3px solid transparent;
	    background-color: #f2f2f2;
	}
	
	#menu li.lien-toogle-recherche {
		display: none;
	}
	
	#gestion-compte .tableau-donnees .champ-saisie > .ui-outputlabel {
		width: 150px;
		text-align: right;
		padding-right: 15px;
	}
	
	#gestion-compte .tableau-donnees .champ-saisie > *:not(.ui-outputlabel) {
		width: calc(100vw - 269px);
	    text-align: left;
	    display: inline-flex;
	}
	
	.titre-formulaire {
		margin-left: 20px;
	}
	
	#gestion-compte .tableau-donnees input {
		width: 100%;
		margin: 0;
	}
	
	#gestion-compte .tableau-donnees .votre-mdp {
		width: min-content;
	    text-align: center !important;
	    position: relative;
	    margin: auto;
	}
	
	#gestion-compte .btn-voir-mdp {
		right: 0;
	}
	
	#gestion-compte .tableau-donnees .votre-mdp label {
		width: 100% !important;
		text-align: center !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	
	#gestion-compte .tableau-donnees .votre-mdp input, #gestion-compte .tableau-donnees .changer-mdp {
		width: 360px !important;
	}
	
	#gestion-compte .tableau-donnees .changer-mdp {
		margin: auto;
	}
	
	#gestion-compte .tableau-donnees .changer-mdp label {
		width: 200px !important;
    	text-align: left !important;
	}
	
	#gestion-compte .tableau-donnees .changer-mdp .panel-toogle-switch {
		display: flex;
		width: 95px;
	}
	
	#gestion-compte .tableau-donnees .votre-mdp > .ui-outputpanel {
		width: unset !important;
	}
	
	#gestion-compte .form-button button {
		margin: auto;
	}
	
	.upload .texte-glisser-deposer {
		display: none;
	}
	
	.upload .ui-fileupload-buttonbar .ui-button .ui-button-text {
		display: block;
	}
	
	.upload .ui-fileupload-buttonbar .ui-button .ui-icon {
		margin-top: 7px !important;
	}
	
	#contact .form-button button {
		margin: auto;
	}
	
	#upload .type-tous-fichiers .ui-selectonemenu {
		display: block;
	    margin: auto;
	    width: fit-content;
	}
	
	#upload .type-tous-fichiers {
		text-align: center;
	    font-size: 14px;
	}
	
	#upload .type-tous-fichiers .ui-selectonemenu {
		display: block;
	    margin: auto;
	    width: fit-content;
	    margin-top: 5px;
	}
	
	#upload .entete-fichier {
		margin-bottom: 10px;
	}
	
	#upload .entete-fichier tr {
		text-align: left;
    	display: inline-grid;
	}
	
	#upload .entete-fichier .col-nom-fichier {
		padding: 10px;
	}
	
	#upload .entete-fichier .col-nom-fichier .ui-outputpanel {
		font-size: 13px;
    	line-height: initial;
    	word-break: break-all;
	}
	
	#upload .renommage-titre {
	    text-align: center;
    	margin: 10px 0px 5px 0px;
	}
	
	#upload .renommage-titre .titre-renommage {
		font-size: 13px;
	}
	
	#upload .entete-fichier .col-type-fichier {
		width: fit-content;
	    margin: auto;
	    padding: 0;
	}
	
	#upload .select-type-fichier {
		width: fit-content;
	}
	
	#upload .sequence-affichage .col-libelle {
		width: 120px;
	}
	
	#upload .panel-proprietes {
		height: calc(100vh - 310px);
	}
	
	#upload {
		height: 100%;
    	border: 0;
	}
	
	#upload .zone-fileupload {
		width: calc(100% - 20px);
	}
	
	#footer .container {
		text-align: center !important;
    	width: 100vw !important;
	}
	
}