body {
	--main-bg-color: #1D1867;
	--light-bg-color: #3D3887;
	font-family: "Roboto", sans-serif;
	overflow-x:hidden; !important
}

div.header {
	position:relative;
	background-color:var(--main-bg-color) !important;
	color:white;
	margin-bottom:30px;
	/* clip-path: ellipse(100% 100% at 70% 0%); */
	min-height:60px;
	height:0px;
	z-index:100;
}

div.header:before {
	content:'';
	position:absolute;
	width:calc(100% + (var(--bs-gutter-x) * 0.5));
	height:30px;
	background:var(--main-bg-color) !important;
	top:80%;
	rotate:1deg;
	left:calc((var(--bs-gutter-x) * .5)*-1);
}

div#logoshaut {
    position: absolute;
    top: 13%;
    right: 5%;
    height: 65px;
	aspect-ratio: 1/1;
	padding:10px;
	background:white;
	border-radius:50%;
	overflow:visible;
}


img#logohaut {
	position:absolute;
	display:inline-block;
	height:95%;
	top:-1%;
	left:5%;
}

div#logobas {
    position: relative;
    top: 0;
    right: 0;
    height: 100px;
	aspect-ratio: 1/1;
	padding:10px;
	background:white;
	border-radius:50%;
	overflow:visible;
}

div#logobas img {
	position:absolute;
	display:inline-block;
	height:95%;
	top:-1%;
	left:5%;
}



@media (max-width: 991px) {
	div#logoshaut {
		max-height:40px;
		top:5px;
	}
    img#logohaut {
		position:absolute;
        height:35px;
        top: 3px; /* Ajustez la position si nécessaire pour les petits écrans */
        left: 2px;
        margin-right: 0px; /* Vous pouvez également ajuster le margin si nécessaire */
		aspect-ratio: 1/1;
    }
	div.header {
		/* clip-path:ellipse(150% 100% at 10% 0%); */
	}
}

.bg-light {
	background-color: var(--main-bg-color) !important;
}

 .content-section {
	 margin-top:60px;
}

nav.navbar.navbar-expand-lg.navbar-light.bg-light {
	background-color: var(--main-bg-color);
}

#navbarNav {
	border:0;
}

    .navbar-nav .nav-link {
      background-color: var(--main-bg-color); /* Couleur de fond par défaut */
      color: #FFFFFF; /* Couleur de texte par défaut */
      margin: 0 5px; /* Espacement entre les boutons */
      border-radius: 5px; /* Bords arrondis */
	  padding-left:10px;
    }

    .navbar-nav .nav-link:hover {
      background-color: var(--light-bg-color); /* Couleur de fond au survol */
      color: #fff; /* Couleur de texte au survol */
    }

    .navbar-nav .nav-link.active {
      background-color: var(--light-bg-color); /* Couleur de fond active */
      color: #fff; /* Couleur de texte active */
    }

.navbar-toggler,.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: none;
	border:0;
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%28255, 255, 255, 1%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}



div.photobanner {
	padding:0;
	margin-top:140px;
}

@media (max-width: 991px) {
    div.photobanner {
        margin-top:60px;
    }
}

div.photobanner img {
	width:100%;
}

h4 {
	margin-top:30px;
}



div.print_bottom {
	padding:10px;
	margin-top:300px;
}

div.container,table,tbody,tr,td {
	position:relative;
}

div.footer {
	background-color:var(--main-bg-color);
	color:white;	
	margin-top:80%;
	min-height:400px;
}

h2 {
	font-size:18px;
	margin-top:40px;
	margin-bottom:20px;
}

a {
	color:black;
	text-decoration:none;
}


.form_new_item,.form_new_photo {
	display:none;	
}


table.table {
	table-layout: fixed;
	width:100%;
}

@media (max-width: 991px) {
	div.container {
		padding:10px;
	}
	table {
		padding:0px;
		max-width:100%;
		overflow:hidden;
	}
	table tr td input {
		max-width:100%;
	}
}

th.narrowcell,td.narrowcell {
	width:50px;
}

th.mediumcell,td.mediumcell {
	width:300px;
}

th.widecell,td.widecell {
	width:600px;
}


img.modify-content {
	content:url('../statics/icons/pencil.svg');
	height:50%;
	margin-top:1%;
	float:right;
	cursor:pointer;
}

img.modify-content + button,img.modify-content + button + button {
	float:right;
}

textarea {
	display:block;
	width:400px;
	height:100px;
	margin-bottom:10px;
}

textarea + button {
	margin-left:0px;
}

button {
	margin-left:10px;
}

img.icn-tooltip {
	position:relative;
	content:url('../statics/icons/question-circle.svg');
	margin-top:0.5%;
	cursor:pointer;
	opacity:1;
}

h2[data-bs-toggle="collapse"][aria-expanded=false]:before {
	content:url('../statics/icons/arrow-down.svg');
	margin-right:10px;
	cursor:pointer;
	position:relative;
	top:2px;
}

h2[data-bs-toggle="collapse"][aria-expanded=true]:before {
	content:url('../statics/icons/arrow-up.svg');
	margin-right:10px;
	cursor:pointer;
	position:relative;
	top:2px;
}

div.collapse,div.collapsing {
	border-left:1.4px solid black;
	margin-left:7px;
	padding-left:10px;
}

.btn-hidden {
	display:none;
}

.btn-filter:before {
	content:url('../statics/icons/filter.svg');
	position:relative;
	top:2px;
	filter: invert(100%) brightness(100%) contrast(100%);
}

.btn-rarr {
	display:block;
	position:relative;
	top:-3px;
	margin-bottom:-3px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:12px;
	padding-right:12px;
	height:26px;
	vertical-align:middle;
}

.btn-rarr:before {
	content:url('../statics/icons/arrow-right.svg');
	position:relative;
	top:2px;
	filter: invert(100%) brightness(100%) contrast(100%);
}

.btn-personplus:before {
	content:url('../statics/icons/person-plus.svg');
	position:relative;
	top:0px;
	filter: invert(100%) brightness(100%) contrast(100%);
}

td button.btn-plus button.btn-rarr {
	height:22px;
}

.btn-plus:before {
	content:url('../statics/icons/plus.svg');
	position:relative;
	top:2px;
	filter: invert(100%) brightness(100%) contrast(100%);
}

.btn-moins:before {
	content:url('../statics/icons/dash.svg');
	position:relative;
	top:2px;
	filter: invert(100%) brightness(100%) contrast(100%);
}

.btn-delete:before {
	content:url('../statics/icons/x.svg');
	position:relative;
	top:3px;
	filter: invert(100%) brightness(100%) contrast(100%);
}

.btn-outline-danger.btn-delete:before {
	position:relative;
	content:'';
	background-color: #d9534f; /* vert bootstrap */
	mask-image: url('../statics/icons/x.svg');
	mask-size: contain;
	mask-repeat: no-repeat;
	-webkit-mask-image: url('../statics/icons/x.svg'); /* pour compatibilité */
	-webkit-mask-size: contain;
	-webkit-mask-repeat: no-repeat;
}

.btn-trash:before {
	content:url('../statics/icons/trash.svg');
	position:relative;
	top:3px;
	filter: invert(100%) brightness(100%) contrast(100%);
}

.btn-share:before {
	content:url('../statics/icons/share-fill.svg');
	position:relative;
	top:3px;
	filter: invert(100%) brightness(100%) contrast(100%);
}

.btn-save:before {
	content:url('../statics/icons/floppy.svg');
	position:relative;
	top:2px;
	filter: invert(100%) brightness(100%) contrast(100%);
}

.btn-stop:before {
	content:url('../statics/icons/sign-stop.svg');
	position:relative;
	top:2px;
	filter: invert(100%) brightness(100%) contrast(100%);
}

.btn-bookmark:before {
	content:url('../statics/icons/bookmark.svg');
	position:relative;
	top:2px;
	filter: invert(100%) brightness(100%) contrast(100%);
}

.btn-outline-success.btn-bookmark:before {
	filter:unset;
}

.btn-eye:before {
	content:url('../statics/icons/eye.svg');
	position:relative;
	top:3px;
	filter: invert(100%) brightness(100%) contrast(100%);
}

.btn-recycle:before {
	content:url('../statics/icons/arrow-clockwise.svg');
	position:relative;
	top:3px;
	filter: invert(100%) brightness(100%) contrast(100%);
}

.btn-chev-right:before {
	content:url('../statics/icons/chevron-right.svg');
	position:relative;
	top:0px;
	filter: invert(100%) brightness(100%) contrast(100%);
}

.btn-chev-left:before {
	content:url('../statics/icons/chevron-left.svg');
	position:relative;
	top:0px;
	filter: invert(100%) brightness(100%) contrast(100%);
}

.btn-tags {
	margin-left:10px;
	border-radius:20px;
}



div.multi-select-container {
	position:relative;
}

div.multi-select-container select {
	width:100%;
	position:relative;
	z-index:1;
}

div.multi-select-container select option {
	visibility:hidden;
	position:relative;
	z-index:0;
}

span.multi-select-placeholder {
	position:absolute;
	top:6px;
	left:8px;
	z-index:10;
	font-style:italic;
	max-width:80%;
	max-height:100%;
	overflow:hidden;
}

select,div.select-checkboxes {
	border:1px solid lightgrey;
	border-radius:5px;
}

div.select-checkboxes select {
	max-height:2em;
	overflow:hidden;
}

div.select-checkboxes select option {
	overflow:hidden;
}



div.select-checkboxes {
	position:absolute;
	margin-bottom:10px;
	display:none;
	width:100%;
	background:white;
	z-index:100;
}

div.select-checkboxes label {
	display:block;
}

div.select-checkboxes label input {
	margin-left:3px;
	margin-right:3px;
}

div.cityinput-container {
	position:relative;
}

div.cityinput-suggestions {
	position:absolute;
	z-index:100;
	background-color:white;
	opacity:1;
	border:1px solid lightgrey;
	border-radius:5px;
	top:100%;
	width:100%;
	left:0px;
	cursor:pointer;
}

img.logo {
	max-width:400px;
	max-height:200px;
}

img[src=""] {
	display:none;
}

div.container li.nav-item a {
	color:black;
}

div.container ul.nav {
	margin-top:30px;
}

tr.dnd_drag {
	border:1px dashed lightgrey;
}

tr.tr-pos-parallele-first td:first-child {
	border-bottom:none;
}

tr.tr-pos-parallele td:first-child {
	border-top:none;
	border-bottom:none;
	color:transparent;
}

tr.tr-pos-parallele-last td:first-child {
	border-top:none;
	color:transparent;
}

tr.tr-solde-compte {
	border:2px solid lightgrey;
	vertical-align:middle;
}

tr.tr-solde-compte button.btn-success {
	float:right;
}

#doc-sommaire {
  position:relative;
  height: 100vh;
  overflow-y: auto;
}

#doc-sommaire ul li a.active {
	color:blue;
}



img.img_objet {
	max-height:200px;
	max-width:200px;
}

img.table-filter-button {
	content:url('../statics/icons/filter.svg');
	cursor:pointer;
}

img.table-filter-button-active {
	rotate:180deg;
}

tr.tr-filter {
	display:none;
}