*{ font-family: Verdana, "Trebuchet MS", sans-serif;
	box-sizing: border-box;
}
[fetch]:hover{
	cursor:pointer;
}
html{
	color: #2C3742;
	margin: 0;
}
.aside{
	color: #4F677E;
	display: block;
	margin: 30px 0;
	font-weight: bold;
	cursor: pointer;
}
.mt-40 {
	margin-top: 40px;
}
.mb-0 {
	margin-bottom: 0 !important;
}
.p-30 {
	padding: 30px;
}
.notice{
	display: block;
	position: fixed;
	top: 3em;
	background-color: #cbe1f0;
	padding: 4em;
	width: 100%;
	border-top: 2px solid #008fcc;
	border-bottom: 2px solid #008fcc;
	color: black;
	font-size: 20px;
	z-index: 31;
	text-align: center;
}
body {
	margin:0;
	background-color: #EBEBEB;
}

.col-gauche-infologin {
	width: 40%;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	height: 100vh;
	padding: 20px;
	overflow: auto;
}
.col-gauche-infologin .content-login {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.col-droite-imglogin {
	width: 60%;
	text-align: right;
	background-color: #1b0142;
}
.col-droite-imglogin img {
	height: 100%;
}

div.index.container{
	text-align: center;
	display: flex;
	height: 100vh;
	overflow: hidden;
	background-color: white;
}
img.index.logo{
	width: 100%;
	max-width: 215px;
}
div.title{
	display:inline-block;
	text-align:center;
}
div.title h2, .desc-login {
	font-size:18px;
}
div.title h2 {
	margin-bottom: 7px;
}
.desc-login {
	margin: 0;
}

.blue-title {
	color: #008FCC;
	margin: 40px 0px;
}
.greyblue-style {
	color: #4F677E;
}

.project-from {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

div.index .btn_list{
	display:block;
	margin-left: 43vw;
	text-align: left;
	color:#4F677E;
}

div.index .btn_list a{
	display:block;
	line-height: 2em;
	max-width: 25%;
	min-width: 10%;
	padding:5px;
}

div.index .btn_list a i{
	font-size: 2em;
	margin-right: 0.2em;
}
div.index .btn_list a span{
	vertical-align:top;
}
div.footer{
	font-size: small;
	width: 100%;
	color: #5A8EA4;
	margin-top: 40px;
}
div.footer a{
	color:#5A8EA4;
	text-decoration: none;
}

::-webkit-scrollbar {
	width: 10px;
}
::-webkit-scrollbar-track {
	background: #ffffff;
}
::-webkit-scrollbar-thumb {
	background: #8fa5b9;
}

::-webkit-scrollbar-thumb:hover {
	background: #627281;
}

body div#app {
	position: relative;
	min-height: 100vh;
}

div.main.dashboard {
	margin-left: 160px;
}

.verticalmenu {
	background:#FFFFFF;
	border-right:1px solid #FFFFFF;
	position:fixed;
	top:0;
	bottom:0;
	height:100%;
	left:0;
	width:100px;
	overflow:hidden;
	-webkit-transition:width .2s linear;
	transition:width .2s linear;
	-webkit-transform:translateZ(0) scale(1,1);
	z-index:1000;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	overflow: auto;
}
.verticalmenu.first-level-menu  {
	background-color: #2C3742;
}
.verticalmenu.second-level-menu {
	left:100px;
	width:72px;
	hyphens: auto;
	overflow: hidden;
}

.verticalmenu.second-level-menu:hover,nav.verticalmenu.second-level-menu.active {
	width:225px;
	overflow:visible;
}

.verticalmenu>ul {
	padding: 0;
}

.verticalmenu li {
	position:relative;
	margin: 40px 0;
	cursor: pointer;
	border-collapse:collapse;
	border-spacing:0;
	color:#34404E;
	text-decoration:none;
	list-style: none;
	-webkit-transform:translateZ(0) scale(1,1);
	-webkit-transition:all .1s linear;
	transition:all .1s linear;
}

.verticalmenu.second-level-menu li {
	width: 224px;
}
.verticalmenu.first-level-menu li {
	text-align: center;
}

.verticalmenu .nav-text {
	position:relative;
	display: inline-block;
	vertical-align: middle;
	margin-left: 15px;
}

.verticalmenu svg {
	position: relative;
	width: 68px;
	height: 35px;
	text-align: center;
	vertical-align: middle;
	font-size:20px;
}

.verticalmenu .signal-bug svg {
	width: 50px;
}

.verticalmenu li:hover>a, nav.verticalmenu li.active>a {
	color:#34404E;
}

.second-level-menu .avatar-name, #menuburger .avatar-name{
	display: flex;
	align-items: center;
	border-bottom: 2px solid #E5E6E6;
	padding: 25px 10px;
	width: 100%;
	min-width: 225px;
}
.second-level-menu .avatar-name img, #menuburger .avatar-name img{
	width: 50px;
	border-radius: 50%;
}
.second-level-menu .avatar-name span.username, #menuburger .avatar-name span.username {
	margin-left: 15px;
	font-weight: 600;
	color: #008FCC;
	hyphens: auto;
}

div.main.pushmenu-right {
	margin-left: 325px;
	-webkit-transition: .2s ;
	transition: .2s ;
}

.signal-bug {
	border-top: 2px solid #E5E6E6;
	margin: 0;
}
.signal-bug li {
	margin: 0;
	padding: 25px 10px;
	color: #4F677E;
	font-weight: bold;
}

.verticalmenu.first-level-menu ul.logout {
	margin: 0;
}
.verticalmenu.first-level-menu ul.logout li:last-child {
	margin-bottom: 25px;
}

input[type=radio] {
	display: none;
}
input[type=radio] + label {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	margin-right: 50px;
	cursor: pointer;
}
input[type=radio] + label:before {
	content: '';
	display: inline-block;
	border: 2px solid #9E9FA0;
	height: 15px;
	width: 15px;
	border-radius: 50%;
	margin-left: 12px;
}
input[type=radio]:checked + label:before{
	background-color: #008FCC;
}

.buttoncontainer {
	display: flex;
	justify-content: flex-end;
}
.button-bottomright, .button-border.button-bottomright {
	margin-right: 0;
	margin-bottom: 0;
	margin-top: 30px;
}

div.modale.big{
	width: 70%;
	max-height: 95vh;
	overflow: auto;
	pointer-events:all;
	z-index: 9999;
	border-radius: 15px;
	background-color: #2B3742;
	border: #CBE1F0 solid 1px;
	box-shadow: 0px 0px 5px black;
}
div.modale.big form{
	height: 90%;
}
div.modale .box input[type=submit]{
	margin-bottom:1em;
}
div.modale .box div.button{
	width:50%;
	margin-left:25%;
	margin-bottom:1em;
}
div.modale{
	width: 50%;
	max-height: 95vh;
	overflow: auto;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	z-index: 9999;
	border-radius: 15px;
	background-color: #2B3742;
	color: white;
	position: fixed;
	border: #CBE1F0 solid 1px;
	box-shadow: 0px 0px 5px black;
	padding: 20px;
}

div.modale h3{
	font-weight: lighter;
	margin-top: 0.8em;
	color: white;
}

div.modale form.register{
	display:flex;
	flex-direction:column;
	color:white;
}
div.modale form.register table{
	width:calc(100% - 2em);
	margin:1em;
	text-align:right;
}

div.modale form.register table td{
	width:50%;
}

div.modale form.register table tr{
	height: 2.6em;
	display:inline;
}

div.modale form.register input[type=submit] {
	width: 76%;
	max-width: 270px;
	margin-left: 0;
	margin-bottom: 2em;
	margin-top: 1em;
}

div.modale form.register input[type=text], div.modale form.register input[type=password] {
	width:50%;
	margin-left:2em;
}

div.modale textarea{
	border-radius: 5px;
}
div.modale .separator{
	width: 77%;
	margin-left: 16%;
	margin-top: -1.5em;
	border-bottom: 0.5px solid #9298aa;
	display: block;
}
div.modale.big .title{
	display: flex;
	flex-direction: row;
	flex-wrap: no-wrap;
	justify-content: space-between;
	align-items: center;
	height:7%;
	width:100%;
}
div.modale.big .title span{
	margin-right:1em;
}
div.modale.big .title span:hover{
	color:#008fcc;
	cursor:pointer;
}

div.modale.big .content{
	height:80%;
	width:100%;
}

div.modale.big .buttons{
	height:13%;
	width:100%;

}

div.modale.big div.twocols{
	display:flex;
	height:70%;
	justify-content:space-evenly;
}
div.modale.big div.twocols div{
	height: 100%;
}

div.modale.big div.option_list{
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}
div.modale.big div.twocols div.onethird{
	width:33%;
}

div.modale.big div.twocols div.half{
	width:50%;
}
div.modale.big div.twocols div.twothirds{
	width:66%;
}

div.modale .title span[close]{
	float:right;
	margin-right: 1em;
}

div.modale form.register em{
	font-size:small;
}

div.modale.big div.content{
	display: flex;
	width: 96%;
	margin-left: 2%;
	flex-direction: row;
	margin-bottom:1em;
}

div.modale.big div.content > div.preview{
	width: 33%;
	overflow: auto;
}
div.modale.big div.content > div.preview img{
	max-width: 80%;
	max-height: 45%;
}

div.modale.big div.content > div.heritage_list{
	border : 1px #008fcc solid;
	width: 66%;
}

div.modale.big div.content > div.heritage_list div:hover:not(.legend){
	outline:  1px solid;
	cursor:pointer;
}
div.modale.big div.content > div.heritage_list div.selected{
	outline: #7cb5d0 3px solid;
}
div.modale.big div.content > div.heritage_list div{
	line-height:2em;
	color: #34404E;
}

div.modale.big div.content > div.heritage_list .legend{
	background-color: #A6C2CE !important;
	color: #34404E;
	font-weight: bold;
}
div.modale.big div.content > div.heritage_list div:nth-child(odd){
	background-color: #f4f8f9;
}
div.modale.big div.content > div.heritage_list div:nth-child(even){
	background-color: #D3DBE0;
}
div.modale.big div.content > div.heritage_list div h5{
	margin:0;
}

div.content_holder.lexicons .lexicon-icon {
	float: left;
	height: 80px;
	display: flex;
	align-items: center;
	margin: auto 20px auto 30px;
}
div.content_holder.lexicons .lexicon-icon img {
	width: 65px;
}

.container-listlexicons-buttons {
	display: flex;
}

div.content_holder.lexicons div.lists {
	display: flex;
	width: 75%;
	color: #34404E;
	padding: 30px 0;
}

.container-listlexicons-buttons .buttons-validate-change-lexicons {
	width: 25%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-evenly;
}

div.content_holder.lexicons div.list{
	flex-basis: 47%;
	background-color: #F4F8F9;
	border-radius: 15px;
	overflow: auto;

}

.button-border {
	color: #4F677E;
	font-weight: bold;
	border: 2px solid #4F677E;
	border-radius: 15px;
	padding: 13px;
	margin: 20px;
	cursor: pointer;
	width: auto !important;
	text-decoration: none;
}

div.content_holder.lexicons div.lists div#arrows{
	flex-basis: 6%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-evenly;
}
div.content_holder.lexicons div.lists div#arrows button {
	background-color: transparent;
	border: none;
	padding: 0;
	cursor: pointer;
}
div.content_holder.lexicons div.lists div#arrows button svg {
	width: 40px;
}
div.content_holder.lexicons div.list div.list_title{
	text-align: center;
	background-color: #A6C2CE;
	padding: 0.5em 0em 0.5em 0em;
	color: #34404E;
	font-weight: bold;
}
div.content_holder.lexicons div.list .list_content{
	list-style-type: none;
}
div.content_holder.lexicons div.list .list_content li{
	line-height: 1.8em;
	padding: 5px 15px;
	font-size: 14px;
}
div.content_holder.lexicons div.list .list_content li[data-id=null] {
	background-color: #DBDDDE;
}

div.content_holder.lexicons div.list .list_content li:nth-child(even){
	background-color: #D3DBE0;
}

div.content_holder.lexicons div.list .list_content li.selected{
	background-color:#a6c2ce;
}
div.content_holder.lexicons div.list .list_content li.disabled{
	background-color:#5a5b5b;
}
div.content_holder.lexicons div.list .list_content li[unavailable=true]{
	font-style:italic;
}
div.content_holder.lexicons div.list .list_content li[unavailable=true]:before{
	content:"\26A0 - ";
}
div.content_holder.lexicons div.list .list_content li[unavailable=true]:after{
	content:" - (unavailable)";
}

div.index form.login{
	display: flex;
	flex-direction: column;
	color: #4F677E;
	max-width: 400px;
	width: 100%;
	margin: 10px auto;
}

input[type=submit], .submitbutton{
	border: none;
	border-radius: 15px;
	background-color: #4f677e;
	padding: 20px 65px 20px 30px;
	color: white;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	cursor: pointer;
	min-width: 245px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='55' height='55' viewBox='0 0 55 55'%3E%3Cg id='Groupe_16' data-name='Groupe 16' transform='translate(-633 -826)'%3E%3Crect id='Rectangle_17' data-name='Rectangle 17' width='55' height='55' rx='10' transform='translate(633 826)' fill='%236b7f92'/%3E%3Cpath id='Icon_awesome-long-arrow-alt-right' data-name='Icon awesome-long-arrow-alt-right' d='M17.173,14.093H.656A.656.656,0,0,0,0,14.749v3.063a.656.656,0,0,0,.656.656H17.173v2.519a1.313,1.313,0,0,0,2.241.928l4.707-4.707a1.313,1.313,0,0,0,0-1.857l-4.707-4.707a1.313,1.313,0,0,0-2.241.928Z' transform='translate(648.247 837.219)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
	background-size: 32px;
	background-position: center right 12px;
	background-repeat: no-repeat;
}
input[type=submit]:hover, .submitbutton:hover {
	animation-name: bounce-background;
	animation-timing-function: ease-in-out;
	animation-duration: 0.5s;
	animation-iteration-count: 2;
	/* Chrome & Safari */
	-webkit-animation-name: bounce-background;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count:2;
}
@keyframes bounce-background {
	from {
		background-position: center right 12px;
	}
	50% {
		background-position: center right 20px;
	}
	to {
		background-position: center right 12px;
	}
}

.field {
	position: relative;
	margin-bottom: 15px;
}
.field label::before {
	content: attr(title);
	position: absolute;
	top: 1px;
	left: 15px;
	line-height: 63px;
	font-size: 14px;
	color: #9E9FA0;
	transition: 300ms all;
	cursor: text;
	pointer-events: none;
}

.field input, .field textarea, .field select {
	width: 100%;
	padding: 0px 15px;
	box-sizing: border-box;
	font-size: 14px;
	color: #2C3742;
	border: 2px solid #9E9FA0;
	border-radius: 10px;
}

.field textarea {
	padding: 15px;
}

.field input, .field select {
	height: 63px;
	background: #FFF;
}

.field input:focus, .field input:-webkit-autofill, .field input.filledfield,
.field textarea:focus, .field textarea:-webkit-autofill, .field textarea.filledfield,
.field select:focus, .field select:-webkit-autofill, .field select.filledfield{
	outline: 0;
	border-color: #008FCC;
}
.field input.filledfield + label::before, .field input:-webkit-autofill + label::before,
.field textarea.filledfield + label::before, .field textarea:-webkit-autofill + label::before,
.field label[for=profile_picture]::before,
.field select.filledfield + label::before, .field select:-webkit-autofill + label::before{
	line-height: 20px;
	font-size: 12px;
	top: -10px;
	background: #fff;
	padding: 0 6px;
	left: 9px;
}
.field input:focus + label::before, .field textarea:focus + label::before, .field select:focus + label::before {
	line-height: 20px;
	font-size: 12px;
	top: -10px;
	background: #fff;
	color: #008FCC;
	font-weight: bold;
	padding: 0 6px;
	left: 9px;
}
.field input:-webkit-autofill + label::before, .field input.filledfield + label::before,
.field textarea:-webkit-autofill + label::before, .field textarea.filledfield + label::before,
.field select:-webkit-autofill + label::before, .field select.filledfield + label::before{
	color: #008FCC;
	font-weight: bold;
}
.field input:-webkit-autofill, .field textarea:-webkit-autofill, .field select:-webkit-autofill{
	-webkit-box-shadow: 0 0 0 65px white inset !important;
}

.modale .field input:focus + label::before, .modale .field textarea:focus + label::before {
	background: #2b3742;
	color: #ffffff;
}
.modale .field input:focus, .modale .field input:-webkit-autofill, .modale .field input.filledfield,
.modale .field textarea:focus, .modale .field textarea:-webkit-autofill, .modale .field textarea.filledfield {
	border-color: #2b3742;
}

.psswd-field {
	position: relative;
}
.psswd-field svg {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 15px;
	width: 30px;
	cursor: pointer;
}
.psswd-field svg line {
	display: none;
}
.psswd-field svg.passwd-seen line {
	display: block;
}



div#overlay{
	display:none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #050505BD ;
	z-index:999;
	height: 100%;
}

div.right{
	width:70%;
}
div.left{
	width:30%;
	margin-right: 25px;
}

div.left img.thumb-element{
	width:100%;
	height:100%;
	border-radius: 1em;
	cursor: pointer;
}

.image-upload {
	display: flex;
	flex-direction: column;
	text-align: center;
	max-width: 275px;
}
.image-upload #profile_picture {
	display: none;
}
.image-upload span {
	margin-top: 20px;
	font-weight: bold;
	color: #4F677E;
}

.profile-container .filters {
	padding-right: 20px;
}

.verticalmenu.first-level-menu .onglet-actif {
	background-color: #4F677E;
	padding: 10px 0px;
	width: max-content;
	margin: auto;
	border-radius: 10px;
}
.verticalmenu.second-level-menu .onglet-actif {
	font-weight: bold;
	border-right: 2px solid #008fcc;
}
.verticalmenu.second-level-menu .onglet-actif.dashboard svg path {
	stroke: #008FCC;
}
.verticalmenu.second-level-menu .onglet-actif.projects svg path {
	fill: #008FCC;
}

/**
* HEADER STYLE
*
*/
header {
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
	border-bottom:1px solid #008fcc;
	background-color: #2C3742;
	height:7vh;
	min-height:7vh;
}
header img#logo{
	max-width:6em;
	height:4vh;
	margin-left:1em;
	min-width:3vw;
	min-height:2vh;
}

header + hr.header_separator{
	width: calc(100% - 16.5em);
	margin-left: 6em;
	margin-top:-10px;
}

/**
* MENU
*/
header ul.drop-container{
	padding:0;
}
header ul.nav{
	margin: 0;
	padding:0;
}

header li.drop-trigger{
	list-style-type:none;
	display: flex;
	align-items: end ;
	justify-content: space-evenly;
}

header li.drop-trigger span{
	font-size:1.5em;
	display:block;
	color:#008fcc;
}
header li.drop-trigger img{
	height: 4rem;
	width: 4rem;
	border-radius:50%;
	border:1px solid lightgray;
	margin-top: -0.8vh;
}

header ul.drop-content{
	display:none;
	position:absolute;
	list-style-type: none;
	padding:0;
	font-size: 1.1em;
	background-color: #ffffff;
	border-left: 1px solid #008fcc;
}

header ul.drop-content li {
	line-height: 1.5em;
	padding-left: 0.5em;
}

header ul.drop-content li:hover {
	background-color:#008fcc;
	cursor:pointer;
}

header ul.nav:hover .drop-content{
	display:block;
}
header li.drop-trigger:hover .drop-content{
	display:block;
}
header ul.drop-container:hover .drop-content{
	z-index: 6;
	width: 11vw;
	display:block;
}
header ul.drop-content:hover{
	display:block;
}


h3.main_title{
	color: #008fcc;
	margin-top: auto;
}
h2.main_title{
	color: #008fcc;
	font-weight: normal;
	letter-spacing: 3px;
	margin-left: 3em;
	font-size: 30px;
	margin-top: auto;
}

.accordion {
	width: 100%;
}
.accordion .accordion-item {
	border-bottom: 1px solid #e5e5e5;
}
.accordion .accordion-item button[aria-expanded=true] {
	border-bottom: 1px solid #008fcc;
}
.accordion button {
	position: relative;
	display: block;
	text-align: left;
	width: 100%;
	padding: 1em 0;
	color: #7288a2;
	font-size: 1.15rem;
	font-weight: 400;
	border: none;
	background: none;
	outline: none;
}
.accordion button:hover, .accordion button:focus {
	cursor: pointer;
	color: #008fcc;
}
.accordion button:hover::after, .accordion button:focus::after {
	cursor: pointer;
	color: #008fcc;
	border: 1px solid #cbe1f0
}
.accordion button .accordion-title {
	padding: 1em 1.5em 1em 0;
}
.accordion button .icon {
	display: inline-block;
	position: absolute;
	top: 18px;
	right: 0;
	width: 22px;
	height: 22px;
	border: 1px solid;
	border-radius: 22px;
}
.accordion button .icon::before {
	display: block;
	position: absolute;
	content: "";
	top: 9px;
	left: 5px;
	width: 10px;
	height: 2px;
	background: currentColor;
}
.accordion button .icon::after {
	display: block;
	position: absolute;
	content: "";
	top: 5px;
	left: 9px;
	width: 2px;
	height: 10px;
	background: currentColor;
}
.accordion button[aria-expanded=true] {
	color: #008fcc;
}
.accordion button[aria-expanded=true] .icon::after {
	width: 0;
}
.accordion button[aria-expanded=true] + .accordion-content {
	opacity: 1;
	max-height: 900px;
	transition: all 200ms linear;
	will-change: opacity, max-height;
}
.accordion .accordion-content {
	opacity: 0;
	max-height: 0;
	overflow: hidden;
	transition: opacity 200ms linear, max-height 200ms linear;
	will-change: opacity, max-height;
}
.accordion .accordion-content p {
	font-size: 1rem;
	font-weight: 300;
	margin: 2em 0;
}

/**
* MENU BURGER
*/
.menu-burger {
	height: 100%;
	width: 250px;
	position: fixed;
	z-index: 9999;
	top: 0;
	left: -250px;
	background-color: #e8e8e8;
	padding-top: 60px;
	transition: left 0.5s ease;
}
.menu-burger ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.menu-burger a {
	padding: 8px 8px 8px 32px;
	text-decoration: none;
	font-size: 20px;
	color: #39485c;
	display: block;
	transition: 0.3s;
}
.menu-burger a:hover {
	color: #111;
}
.menu-burger.active {
	left: 0;
	box-shadow: 0px 0px 5px #c1c1c1;
}
#openBtn {
	display: none;
	padding: 15px 30px 5px 30px;
}
.menu-burger .close {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
}
.burger-icon span {
	display: block;
	width: 35px;
	height: 5px;
	background-color:  #39485c;
	margin: 6px 0;
}

/**
 * DASHBOARD
 */

div.dashboard_sections{
	display:flex;
	flex-direction:column;
	height:100%;
	width: 100%;
}

div.dashboard_sections > div *{
	pointer-events:auto;
}
div.dashboard_sections > div{
	pointer-events:none;
	height:30%;
	display:flex;
	align-items: center;
}
div.dashboard_sections > div.account{
	height:17%;
}

div.dashboard_sections > div > div.title{
	width:20%;
	text-align: right;
	padding-right: 1em;
	font-size: 1.4em;
	font-weight: lighter;
	color: darkgrey;

}

div.main.dashboard{
	height:100%;
	padding: 30px;
	width: auto;
}

.profile{
	width:8em;
	border-radius:1em;
	border:1px solid lightgray;
	height: 8em;
	box-shadow: 3px 3px 6px black;
}

.flexed_lines{
	display:flex;
	flex-direction:column;
	margin-left: 2em;
	height: 40%;
	justify-content: space-between;
}

.flexed_lines span.username{
	font-size:1.5em;
	font-weight: initial;
	letter-spacing: 2px;
	display: inline;
	margin-right: 1em;

}

.flexed_lines span.profile_badge{
	background-color: #c5a600;
	padding: 3px;
	border-radius:5px;
	border:1px solid darkorange;
	color: #5c5100;
}

i.big{
	font-size: 2.5em;
}

span.alert.badge{
	background-color: #cb1919;
	height: 1.2em;
	width: 1.2em;
	border-radius: 1em;
	color: white;
	display: inline-block;
	position: absolute;
	margin-left: -20px;
	margin-top: -10px;
}

.area .personnal_links{
	display:flex;
	flex-direction:row;
	align-self: center;
	width: 100%;
}

.area a.tile{
	position: relative;
	height: 13em;
	width: 13em;
	color: #4F677E;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: #F4F8F9;
	border-radius: 1em;
	background: -moz-linear-gradient(top, #4b5b6b 0%, #2a3641 100%);
}
.area a.tile:not(:first-child){
	margin-left:3em;
}

.area a.tile .title{
	font-weight: lighter;
	text-align: center;
	width: 100%;
	display: inline-block;
	font-size:1.3em;
	padding: 0 7px;
}

.area a.tile .badge{
	position: absolute;
	right: 0;
	top: -5px;
	background-color: #4F677E;
	color: white;
	padding: 10px;
	border-radius: 25px;
	width: 40px;
	height: 40px;
	text-align: center;
}

.area a.tile img{
	width: 100px;
	margin-bottom: 1em;
	transition: 0.3s;
}

.community .map_container{
	height: 100%;
	display: flex;
	align-items: center;
	padding: 20px 30px;
}

.community .map_container #community_map{
	border-radius:20px;
	width: 60%;
	height:500px;
	border:1px solid white;
}
.community .map_container .compteurs{
	text-align: center;
	width: 40%;
	padding: 0 20px;
}
.community .map_container .compteurs .twocols-count {
	display: flex;
	justify-content: space-between;
}
.community .map_container .compteurs .twocols-count:first-of-type {
	margin-bottom: 20px;
}
.community .map_container .compteurs .twocols-count .single-count {
	background-color: #EDF7FC;
	width: 100%;
	height: 235px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.community .map_container .compteurs .twocols-count .single-count:first-of-type {
	margin-right: 25px;
}
.community .map_container .compteurs .twocols-count .single-count span {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.community .map_container .compteurs .twocols-count .single-count span strong {
	font-size: 30px;
	margin-bottom: 15px;
}


.edit-heritage {
	padding-bottom: 30px;
}
.edit-heritage .container .content_holder .content_flex .data_block {
	max-width: unset;
}
.edit-heritage .thumb-element {
	max-width: 300px;
	border-radius: 1em;
}
.edit-heritage form {
	display: flex;
	align-items: center;
	width: 100%;
}
.edit-heritage form .left-heritage-edit {
	margin-right: 50px;
}
.edit-heritage form .left-heritage-edit .change-pic-heritage {
	margin-top: 20px;
	font-weight: bold;
	color: #4F677E;
}
.edit-heritage form .right-heritage-edit {
	display: flex;
	align-items: center;
}
.edit-heritage form .right-heritage-edit .first-col-edit {
	margin-right: 50px;
}
.edit-heritage form textarea {
	width: 25vw;
}
.edit-heritage form .right-heritage-edit .visibility-container {
	margin: 0;
}
.edit-heritage form .right-heritage-edit .visibility-container p {
	margin-top: 0;
	margin-bottom: 0;
}
.edit-heritage .heritage_map .content_flex {
	align-items: center;
}


/**
 * PROJECTS
 */
.single-project-page .container .content_holder .content_flex .data_block {
	display: block;
}

.single-project-page .column.left, .edit-heritage .column.left {
	padding: 110px 0;
}

.single-project-page .container .content_holder.projectdesc .content_flex .data_block {
	padding-left: 20px;
}

.heritage-project .content_flex {
	align-items: center;
	justify-content: space-between;
}
.heritage-project .alert {
	padding-bottom: 3em;
}
.single-project-page .container .content_holder .content_flex>img {
	box-shadow: none;
	border: none;
	height: auto;
	width: 200px;
}
.heritage-project div.map-container.squared-element {
	width: 40%;
	height: 235px;
	z-index: 0;
}
.container .content_holder.heritage-project .content_flex .data_block.desc-heritage {
	max-width: 630px;
	padding: 0 20px;
}

.fa-pencil-alt, body .search-blc .show-details-link, body .search-blc .submit-btn-tree {
	cursor: pointer;
}

div.main{
	display:flex;
	flex-direction:row;
	margin-left: 160px;
	-webkit-transition: .2s ;
	transition: .2s ;
}
div.column{
	width:20%;
	text-align: right;
	height: 100%;
}
div.column.left a{
	width:80%;
	text-decoration: none;
	margin-left:10%;
}
div.column div{
	display:flex;
	flex-direction:column;
	align-items: self-end;
	padding-right: 1em;
}

div.column div > *{
	margin-bottom:1em;
	list-style-type:none;
}

div.column div img{
	width: 6em;
}

div.main div.container *{
	pointer-events:auto;
}
div.main div.container{
	width:100%;
	pointer-events:none;
}
div.main > div.container{
	padding: 28px;
	width:100%;
	pointer-events:none;
}

div.modale.big div.thumb_container{
	width:100%;
	height:80%;
	margin-top:2em;
	justify-content:flex-start;
	pointer-events:all;
}

div.thumb-element{
	transition: 0.3s;
}


div.modale.big div.thumb_container div.thumb-element{
	width:7em;
	height:7em;
	margin-left:1em;
	background-size: cover;
	border-radius:3.5em;
}
div.modale.big div.thumb_container div.thumb-element h2{
	margin-top: 100%;
}

div.thumb_container{
	overflow: auto;
	display: flex;
	flex-wrap: wrap;
	padding: 1em;
	align-items: flex-start;
}
div.thumb_container.publicusers{
	flex-direction: row;
	flex-wrap: wrap;

}
.publicusers div[repeat=users] {
	width: 110px;
	margin: 10px;
}
div.thumb_container.messages{
	flex-direction:column;
	flex-wrap: no-wrap;
}

div.thumb_container.projects *{
	pointer-events:auto;
}

.content_flex.projects {
	flex-direction: column;
}
.list-project-container {
	overflow-y: scroll;
	padding: 2rem;
}
.project_container, .collab-container, .heritage-container {
	width: 100%;
	max-width: 300px;
	margin-top: 10px;
	margin-left: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.project_container .thumb-element, .collab-container .thumb-element, .heritage-container .thumb-element, .thumb-element {
	width: 200px;
	height: 200px;
	max-width: 200px;
	background-size: 100%;
	background-position: center;
	border-radius: 25px;
	background-repeat: no-repeat;
}
.project_container p, .collab-container p, .heritage-container p {
	font-weight: bold;
	color: #4F677E;
	margin-top: 25px;
	margin-bottom: 0;
}

.thumb_container.projects div.thumb-element{
	border: 1px white solid;
	width: 12em;
	height: 12em;
	border-radius: 10px;
	margin-right: 3em;
	margin-bottom: 2em;
	text-align: center;
	background-size: 12em 12em;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

#collaborator_select{

}
#project_users_list{
	height: 50%;
	overflow:auto;
	display: flex;
	margin-top: 1em;
	margin-bottom: 1em;
	flex-direction: column;
	border: #7c8a90 solid 1px;
}

.user_list_element:nth-child(odd){
	background-color: #525b63;
}
.user_list_element:nth-child(even){
	background-color: #3d4851;
}
.user_list_element{
	width: 100%;
	display: flex;
	justify-content: space-around;
	align-items: center;
	padding: 1em;
}
.user_list_element img{
	width:4em;
	height:4em;
	border-radius:2em;
	border:1px solid #fff3d6;
}
#collaborators {
	height:69%;
}

#collaborators .thumb_container.collaborators{
	height: 80%;
}

#collaborators .thumb_container.collaborators div.thumb-element.selected {
	border: #57de43 5px solid !important;
	color: #53de53;
}

#collaborators .thumb_container.collaborators div.thumb-element {
	height:6em;
	width:6em;
}

#collaborators .thumb_container.collaborators div.thumb-element h2{
	font-size:12pt;
	margin-top:70%;
}

.thumb_container.collaborators div.thumb-element{
	border: 2px #cbe1f0 solid;
	background-size:cover;
	width: 10em;
	height: 10em;
	border-radius: 6em;
	text-align: center;
	padding-top: 2em;
}


.thumb_container.heritages div.thumb-element{
	text-align: center;
	background-size: cover;
}
div[modale=newheritage], div[modale=new_collaborator] {
	cursor: pointer;
}
div.thumb-element[modale=newheritage] i, div.thumb-element[modale=new_collaborator] i {
	font-size: 65px;
	line-height: 18px;
	text-shadow: none;
}
.thumb_container.heritages div.thumb-element.collab{
	border: 2px solid #cbe1f0;
}

img.thumb-element{
	max-width: 300px;
	width: 100%;
	height: auto;
}
div.thumb-element i{
	font-size:6em;
	text-shadow: 2px 2px 5px black;
}

div.thumb-element h2{
	font-weight:lighter;
}
div.thumb_container.collaborators div.thumb-element h2.new{
	margin-top: 29%;
	font-size: 14pt;
}
div.thumb_container.collaborators div.thumb-element h2:not(.new){
	margin-top:89%;
	font-size:14pt;
}
.projects div.thumb-element p:not(.new){
	font-weight: bold;
	color: #4F677E;
	margin-top: 25px;
	margin-bottom: 0;
}

div.map-container.squared-element{
	width: 30em;
	border-radius:2em;
	height: 15em;
	border: white 1px solid;
}

.button{
	background-color: #ffffff;
	color: #4F677E;
	text-align:center;
	padding: 1em;
	border-radius: 2em;
}

.leaflet-control{
	display:none;
}

.scratch{
	padding-bottom:1.5em;
}
.sharedwith{
	height:100%;
	width:95%;
	background-color: #2b3742;
	margin-right: 1em;
	margin-bottom: 1em;
	border-radius:2em;
	display:flex;
	justify-content: flex-start;
	align-items:center;
	padding-left:1em;
}
.sharedwith img{
	height : 6em;
	margin-right:1em;
	width : 6em;
	border-radius : 3em;
	border:whitesmoke 1px solid;
}
.map_picker{
	height: auto;
	min-height: 300px;
	width: 80%;
	margin-left: 1em;
	margin-right: 1em;
	border: darkgrey solid 1px;
	border-radius: 1em;
}


table tbody{
	display: flex;
	width: 100%;
	flex-direction: column;
}
/*
 * TABLE
 */
.new_project table, .new_project table tbody, .new_project  table tr{
	display :block;
	width :100%;
}
.new_project  table tr td{
	width:50%;
}
/*
 * TABS
 *
 */
form.new_project .tabs_holder{
	margin-left:5%;
	width:90%;
}
.tabs_triggers{
	display:flex;
	width:100%;
}
.tabs_triggers span.selected{
	background-color:#3A4959;
}
.tabs_triggers input[type=radio]{
	display:none;
}
.tabs_triggers span{
	background-color:#2F3D4A;
	width:50%;
	display:block;
	height: 4em;
	padding-top:1em;
}
.tabs_content .line input[type=file]{
	font-size:0.8em;
}
.tabs_content .line{
	display:block;
	padding-top:1em;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 80%;
	margin: auto;
	align-items:center;
}
.tabs_content .line.flexed{
	margin-top: 2em;
	margin-bottom:2em;
}
.tabs_content .line.right{
	justify-content: flex-end;
	margin-right:18%;
}
.tabs_content .line.right *{
	margin-left: 1em;
}
.tabs_content .line.big{
	height:5em;
	padding-top:2em;

}
.tabs_content {
	background-color:#3A4959;
	margin-bottom:1em;
	padding-bottom: 15px;
}
.new_project input[type=submit]{
	margin-bottom:1em;
}
.hidden, .tabs_content div.hidden{
	display:none;
}
.new_project table tr:first-child{
	margin-bottom:1em;
}

/* project view */

.right-part-container {
	padding: 30px;
}

.padded{
	height: 90%;
	padding:1em;
}
.container .content_holder{
	background-color: #ffffff;
	border-radius: 1em;
	width: 100%;
}
.container .content_holder.heritage{
	height: 25%;
}
.container .content_holder.sharing_selector{
	margin-top:1em;
	height:70%;
}
.container .content_holder.sharing_selector>div .collab_list div.user:nth-child(even){
	background-color: #26313e;
}
.container .content_holder.sharing_selector>div .collab_list div.user:nth-child(odd){
	background-color: #3a4653;
}
.container .content_holder.sharing_selector>div .collab_list div.user{
	display: flex;
	align-items: center;
}
.container .content_holder.sharing_selector>div .collab_list div.user p{
	margin-left:3em;
	display:inline;
}
.container .content_holder.sharing_selector>div .collab_list div.user img{
	width: 8em;
	height: 6em;
}
.container .content_holder.sharing_selector>div .collab_list h3{
	margin-bottom: 0;
	background-color: #202933;
	margin-top: 0;
	border-radius: 0;
	font-weight: lighter;
	line-height: 1.8em;
	padding-left: 1em;
}
.container .content_holder.sharing_selector>div .collab_list{
	width:48%;
	background-color:#2B3742;
	height:100%;
	overflow-y:auto;
}
.container .content_holder.sharing_selector>div{
	justify-content: space-around;
	height: 92%;
	display:flex;
}
.container .content_holder.sharing_radios{
	height:20%;
}
.container .content_holder.sharing_radios > em{
	margin-left:2em;
}
.container .content_holder.sharing_radios > *:not(h2){
	line-height: 3em;
}

.container .content_holder h2, .container .content_holder h1{
	font-size: 1em;
	margin: 0;
	border-bottom: 2px solid #CBE1F0;
	padding: 30px;
}

.container .content_holder .content_flex{
	display:flex;
	padding: 30px;
}
.container .content_holder .content_flex>img{
	width:10em;
	height:10em;
	border: 1px white solid;
	border-radius: 1em;
	box-shadow: 2px 2px 5px #323232;

}
.container .content_holder .content_flex.heritage>img{
	width:16em;
	height:10em;
	border: 1px white solid;
	box-shadow: 2px 2px 5px #323232;

}
.container .content_holder .content_flex .map_viewer{
	width:25em;
	height:13em;
	border: 1px white solid;
	border-radius: 1em;
	box-shadow: 2px 2px 5px #323232;

}
#viewer-screen h3.main_title {
	margin-bottom: 0;
	margin-top: 0;
}
.container .content_holder .content_flex .data_block{
	width: 100%;
	max-width: 800px;
	padding-top: 5px;
	overflow: auto;
	line-height:1.7em;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.container .content_holder .content_flex.heritage .data_block{
	flex-direction: column;
	align-items: flex-start;
}
.container .content_holder .content_flex.heritage {
	justify-content: space-between;
}
.container .content_holder .content_flex.heritage .image-map-heritage,
.container .content_holder .content_flex.heritage > .data_block {
	width: 50%;
}
.container .content_holder .content_flex.heritage .thumb-element {
	width: 100%;
	max-width: 400px;
}

.container .content_holder .content_flex.heritage .image-map-heritage {
	text-align: center;
}
.container .content_holder .content_flex.heritage .map_viewer {
	width: 95%;
	height: 250px;
	box-shadow: none;
}

.visibility-container {
	display: flex;
	align-items: center;
	margin: 30px 0;
	flex-wrap: wrap;
}
.visibility-container p {
	font-weight: 600;
	color: #008FCC;
	margin-right: 30px;
}

.submit-settings {
	width: 100%;
	max-width: 800px;
	text-align: right;
}
.submit-settings input {
	width: 360px;
}

.processes-handling {
	/*display: none;*/
}

.container .content_holder .content_flex .data_block .edit-form-left,
.container .content_holder .content_flex .data_block .edit-form-right {
	width: 45%;
}
.data_block.sharing_opt{
	line-height: 3em !important;
}
.data_block.sharing_opt span.publicurl{
	font-size:1em;
}
.container .content_holder .content_flex .data_block em{
	color:#D7A23D;
}
.map{
	width:5em;
	height:5em;
	display:block;
	border: white 1px solid;
	border-radius: 1em;
	background-image: linear-gradient(#687D91, #33424F);
}
.alert{
	font-size: 1.2em;
	text-align: center;
	margin-top: 3em;
}

.alert a{
	color:#4cbce9;
}
.flexed.content{
	display:flex;
	flex-direction:row;
}

.content_flex.profile-container .flexed.content{
	align-items: center;
}

.flexed.content .data_block.user{
	display: block;
	background-color: #ffffff;
	line-height:1.6em;
	flex-basis: 80%;
	padding: 1em;
	border-radius: 1em;
	margin-left:1em;
}
.flexed.content .data_block.user em{
	color:#D7A23D;
}
.flexed.content .data_block{
	display: block;
	flex-basis: 80%;
	background-color: #cbe1f0;
	padding: 1em;
	border-radius: 1em;
}

.messages-container .flexed.content {
	flex-direction: column;
}

.flexed.content .button_container{
	padding-left: 1%;
	line-height: 1em;
}

.add_project {
	margin-right: 0;
	font-size: 34px;
}

.subhead{
	display: flex;
	font-size: 1em;
	margin: 0;
	border-bottom: 2px solid #CBE1F0;
	align-items: center;
}

.filters{
	display: flex;
	padding-left: 20px;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 0;
}
.filters li{
	list-style: none;
}

ul.filters .button{
	margin-bottom:1em;
}
ul.filters a{
	color: #4F677E;
	font-weight: bold;
	display: inline-block;
	border: 2px solid #4F677E;
	margin-bottom: 15px;
	border-radius: 15px;
	padding: 13px;
	margin-right: 20px;
	cursor: pointer;
}

.container-heritage ul.filters a li.button {
	padding: 0;
	margin: 0;
}
.container-heritage ul.filters a li.button:hover {
	background-color: initial;
	color: initial;
}
.container-heritage ul.filters a.modalheritage {
	border: none;
}
.container-heritage ul.filters a.modalheritage li {
	margin: 0;
	padding: 1em;
}
.container-heritage ul.filters a.modalheritage li i {
	font-size: 25px;
	margin-bottom: 10px;
}


.spaced{
	margin-top:2em;
	margin:1em;
}

.minipicture{
	width:3em;
	height:3em;
	margin-bottom: -2rem;
	border-radius: 1.5em;
	border: #fff1e1 solid 1px;
	z-index: 9;
}

.sharedwith.deactivated {
	background-color: #3a4959;

}

.sharedwith.deactivated img {
}

.button.warning{
	background-color: #732525;
}

li.button.delete_button{
	background-color: #890000;
	color: white;
}
li.button.delete_button:hover{
	background-color: #b90000
}



#help{
	display:none;
}

#app.help + #help{
	display: block;
	position: absolute;
	bottom: 0;
	height: 10%;
	background: linear-gradient(to bottom, #2b3742 0%,#3e5368 100%);
	width: 100%;
	color: #799BB9;
	z-index: 50;
}

#app.help + #help h5{
	margin-left:5%;
	width:95%;
}
#app.help + #help p{
	margin-left:3%;
	width:95%;
}

#app.help{
	-webkit-box-shadow:inset 0px 0px 0px 5px #008fcc;
	-moz-box-shadow:inset 0px 0px 0px 5px #008fcc;
	box-shadow:inset 0px 0px 0px 5px #008fcc;
	height:90%;
}

#app.help [help]{
	cursor:help;
}

div.content_holder.scrollable{
	margin-top:1em;
	overflow-y: auto;
}

div.pipeline_list{
	border: solid #008fcc 2px;
	display: flex;
	flex-direction: column;
	padding: 0;
	margin-left:2em;

}

div.pipeline_list .pipeline_element{
	list-style-type:none;
	padding: 0;
	margin:0;
}

div.pipeline_list .pipeline_element *{
	line-height:2em;
}

div.pipeline_list .pipeline_element .pipeline_label{
	border:1px #008fcc outset;
	padding-left:2em;
	padding-right:2em;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
}

div.pipeline_list .pipeline_element .pipeline_label div.buttons{
	margin-right:2em;
	width: 2em;
	text-align: center;
	background-color: #606b75;
	border: #444 1px outset;
	border-radius: 6px;
	color: #f2f2f2;
}
div.pipeline_list .pipeline_element .pipeline_label div.buttons:hover{
	color:#008fcc;
	color: #a41a1a;
	background: #aaa;
	border: 1px aliceblue outset;
}

div.pipeline_list .pipeline_element .processus_label{
	margin-left:8em;
	padding-left: 1em;
}
div.pipeline_list .pipeline_element .processus_label:nth-child(odd){
	background-color:#c9c9c9;
}
div.pipeline_list .pipeline_element .processus_label:nth-child(even){
	background-color:#EDF7FC;
}

div.pipeline_list .pipeline_element .processus_label span.badge{
	margin-left: 2em;
	font-size: small;
	padding: 0.2em 0.5em 0.2em 0.5em;
	padding-top: 0.2em;
	padding-right: 0.5em;
	padding-bottom: 0.2em;
	padding-left: 0.5em;
	border-radius: 2em;
}

div.pipeline_list .pipeline_element .processus_label span.badge.active {

	background-color: #99861e;
	border: 1px outset #e36407;
}
div.pipeline_list .pipeline_element .processus_label span.badge.completed {
	background-color: #34911b;
	border: 1px outset #c8e307;
}
div.pipeline_list .pipeline_element .processus_label span.badge.queued {
	background-color: #537fd2;
	border: 1px outset #501ac8;
}
div.pipeline_list .pipeline_element .processus_label span.badge.error {
	background-color: #a43833;
	border: 1px outset #fff;
}

#confirmation.shown{
	display:block;
}
#confirmation{
	display:none;
	position: fixed;
	top: 20%;
	left: 30%;
	width: 40%;
	background-color: #324353;
	z-index: 9999;

}
#confirmation .confirm_title{
	background-color: #3e5163;
	height: 20%;
	padding: 1em;
	font-size: 1.5em;
	font-weight: bold;

}
#confirmation .confirm_body{
	background-color:#324353;
	height: 60%;
	padding: 1em;
	font-style: oblique;
	font-size: 1.2em;
}
#confirmation .confirm_buttons{
	display:flex;
	justify-content:space-evenly;
	padding:1em;
}
#confirmation .confirm_buttons button{
	width: 20%;
}

.hiddenFunction{
	display: none;
}

.signalbug {
	max-width: 900px;
	margin-right: auto;
	margin-left: auto;
}
.signalbug form {
	height: 50%;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	padding: 1em;
}

.retouraccueil {
	max-width: 900px;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
}

.btnblueborder {
	color: #4F677E;
	font-weight: bold;
	margin-top: 2em;
	display: inline-block;
	border: 2px solid #4F677E;
	border-radius: 15px;
	padding: 13px;
	text-decoration: none;
	transition: 0.3s;
}
.btnblueborder:hover {
	color: white;
	background-color: #4F677E;
	transition: 0.3s;
}

.data_content .search-blc input, .data_content .search-blc input:focus,
.data_content .search-blc input::placeholder {
	color: black;
}

@media (max-width: 1440px) {
	.container-listlexicons-buttons {
		flex-direction: column-reverse;
		align-items: center;
	}
	.container-listlexicons-buttons .buttons-validate-change-lexicons,
	div.content_holder.lexicons div.lists {
		width: 100%;
	}
	.edit-heritage form {
		flex-direction: column;
		align-items: flex-start;
	}
	.edit-heritage form .left-heritage-edit {
		margin-bottom: 35px;
	}
	.edit-heritage form .right-heritage-edit {
		width: 100%;
		justify-content: space-between;
	}
	.edit-heritage form textarea {
		width: 30vw;
	}
}


@media (max-width: 1024px){
	.container .content_holder .content_flex.settings-container .data_block {
		flex-direction: column;
	}
	.container .content_holder .content_flex .data_block .edit-form-left,
	.container .content_holder .content_flex .data_block .edit-form-right {
		width: 100%;
	}
	.container .content_holder .content_flex .data_block .edit-form-right {
		margin-top: 30px;
	}
	.heritage-project .content_flex {
		flex-direction: column;
		align-items: flex-start;
	}
	.heritage-project div.map-container.squared-element {
		width: 100%;
	}
	.container .content_holder.heritage-project .content_flex .data_block.desc-heritage {
		max-width: none;
		padding: 0;
		margin: 20px 0;
	}
	.verticalmenu {
		display: none;
	}
	#openBtn {
		display: block;
	}
	div.main.dashboard, div.main {
		margin-left: 0;
	}
	.main.single-project-page {
		flex-direction: column;
	}
	.main.single-project-page div.column {
		width: 100%;
		padding: 20px;
	}
	.main.single-project-page div.column div {
		flex-direction: row;
	}
	.main.single-project-page div.column.left a {
		margin: 0 20px;
	}
	body .container-viewer-middle {
		margin: 10px;
	}
	#viewer-screen header {
		padding-left: 35px;
		flex-direction: column;
		height: auto;
	}
	header ul.tools {
		width: 100%;
		flex-wrap: wrap;
		justify-content: center;
	}
	header ul#toolholder > li {
		width: auto;
	}
	.project-from {
		flex-direction: column;
		align-items: flex-start;
	}
	.project-from label {
		margin: 10px 0;
	}
	div.modale {
		width: 80%;
	}
	div.thumb_container {
		justify-content: center;
	}
	div.main.edit-heritage {
		flex-direction: column;
	}
	.edit-heritage .column.left {
		padding: 0;
		padding-top: 50px;
		width: 100%;
	}
	.edit-heritage .column.left a {
		margin: 0 25px;
	}
	.edit-heritage div.column div {
		flex-direction: row;
	}
}

@media (max-width: 768px){
	div.index.container {
		flex-direction: column;
	}
	.col-gauche-infologin {
		width: 100%;
	}
	.col-droite-imglogin {
		display: none;
	}
	.container .content_holder .content_flex.settings-container {
		flex-direction: column;
		align-items: center;
	}
	.container .content_holder .content_flex.settings-container div.left {
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
	}
	.container .content_holder .content_flex.settings-container div.right {
		width: 100%;
	}
	.image-upload {
		margin: auto;
	}
	.area .personnal_links {
		flex-wrap: wrap;
		justify-content: center;
	}
	.area a.tile {
		margin: 20px !important;
	}
	.community .map_container {
		flex-direction: column;
	}
	.community .map_container #community_map {
		width: 100%;
	}
	.community .map_container .compteurs {
		width: 100%;
		padding: 0;
		margin-top: 25px;
	}
	.project_container .thumb-element, .collab-container .thumb-element, .heritage-container .thumb-element {
		background-size: cover;
		height: 200px;
	}
	.container .content_holder .content_flex.profile-container,
	.container .content_holder .content_flex.profile-container .flexed.content {
		flex-direction: column;
	}
	.modale .tabs_content .line {
		flex-direction: column;
		align-items: flex-start;
	}
	.modale .tabs_content .line input {
		width: 100%;
		margin-top: 10px;
	}
}

@media (max-width: 600px){
	.container .content_holder.projectdesc .content_flex {
		flex-direction: column;
	}
	.single-project-page .container .content_holder.projectdesc .content_flex .data_block {
		padding-left: 0;
	}
	input[type=submit] {
		min-width: unset;
		width: 100%;
	}
	.submit-settings input {
		width: 100%;
	}
}


@media (max-width: 500px){
	.list-project-container, .thumb_container.heritages {
		flex-direction: column;
	}
	.project_container, .collab-container, .heritage-container {
		margin-left: 0;
		margin-bottom: 25px;
	}
	.project_container p, .collab-container p, .heritage-container p {
		margin-top: 10px;
	}
	.filters {
		padding-left: 0;
		margin-bottom: 30px;
	}
	ul.filters a {
		width: 100%;
		text-align: center;
	}
	.main.single-project-page div.column div {
		flex-direction: column;
		align-items: center;
		padding-left: 1em;
	}
	.main.single-project-page div.column.left a {
		margin: 10px 20px;
	}
	div[modale=newheritage], div[modale=new_collaborator] {
		margin-top: 30px;
	}
	.filters {
		justify-content: center;
	}
	.edit-heritage form .right-heritage-edit {
		flex-direction: column;
	}
	.edit-heritage form .right-heritage-edit .first-col-edit {
		width: 100%;
		margin: 0;
		margin-bottom: 30px;
	}
	.edit-heritage form textarea, .edit-heritage form input[type=file]  {
		width: 100%;
	}
	.edit-heritage .heritage_map .content_flex {
		flex-direction: column;
	}
	.map_picker {
		margin-bottom: 35px;
	}
	div.modale form.register input[type=submit] {
		width: 100%;
	}
	input[type=submit], .submitbutton {
		background-image: none;
		text-align: center;
		padding: 20px 5px 20px 5px;
	}
}

#progressBar {
	z-index: 40;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #537fd2;
	padding: 30px 40px;
	border: 3px solid #4a76c5;
	color: white;
	text-align: center;
	border-radius: 15px;
	font-size: 1.3em;
	font-weight: bold;
	box-shadow: 0 4px 20px rgba(0,0,0,0.3);
	animation: pulse 1.5s ease-in-out infinite;
}

@keyframes pulse {
	0%, 100% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
	50% { opacity: 0.8; transform: translate(-50%, -50%) scale(1.05); }
}

#backModal {
	z-index: 30;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(54, 56, 64, 0.75);
}


.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
	color: #333333; /* Couleur du texte */
}

/* Changer la couleur de fond et du texte des options */
.select2-container--default .select2-results__option {
	background-color: transparent; /* Couleur de fond */
	color: #333333; /* Couleur du texte */
}

/* Changer la couleur de fond et du texte de l'option survolée */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
	color: #000000;
}

.select2-container--default.select2-container--focus .select2-selection--multiple{
	background: transparent;
}

.select2-container--default .select2-selection--multiple {
	 background-color: transparent!important;
	 border: 0!important;
	 border-radius: 0!important;
}