/***********************************************************************************************************/

:root {
	--primary-color: #96B3B3;
	--primary-color-darkened: #788F8F;
	--primary-color-lightened: #E4ECEC;
	--light-color: #F0FAFF;
}

body{
	font-family: Verdana, Geneva, sans-serif !important;
	font-size: medium;
	margin: 0;
	height: 100vh;
	overflow: hidden;
}

body * {
	border-collapse: collapse;
}

body > div{/*pour eviter les bizarreries avec les viewport*/
	overflow: auto;
	height: 100vh;
	width: 100vw;
	z-index: 10000;
	min-width:400px; 
	padding-top: 3.7em;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

a {
	text-decoration: none;
}

b{
	font-weight: bold;
}

ul {
	list-style: none;
}

main h3 {
	text-align: center;
	padding: 1em;
}

input {
	float: right;
	border: 1px solid #dee2e6;
}

.unselectable {
	-webkit-user-select: none;
	-webkit-touch-callout: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.chosen-container {
	font-size: .875rem !important;
	border: 1px solid #dee2e6 !important;
	background-color: white !important;
	border-radius: 0.25rem !important;
	padding-top: .25rem !important;
	padding-bottom: .25rem !important;
}

.chosen-container-single .chosen-single, .chosen-container .chosen-choices {
	height: 100% !important;
	border: none !important;
	border-radius: unset !important;
	background: none !important;
	box-shadow: none !important;
}

.chosen-drop, .search-choice {
	border: 1px solid #dee2e6 !important;
	border-top: none !important;
	box-shadow: none !important;
	width:100% !important;
	background-image: unset !important;
}

.chosen-container .chosen-results {
	width: 100% !important;
}

.chosen-results .highlighted {
	background-color: var(--primary-color-darkened) !important;
	background-image: unset !important;
}

select[required] + .chosen-container {
	box-shadow: 0 0 1px 1px #F66;
}

.chosen-container-active {
	box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25) !important;
}

.form-control-sm {
	 width: 50% !important;
}

#masterParams {
	background-color: var(--primary-color-lightened);
	border-radius: 10px;
	padding: 1em;
}

#masterParams label {
	margin-right: 1em;
}

#masterParams + .btn {
	display: block;
}

input[type="file"] {
	margin: 1em 60% 1em 10%;
	width: 30% !important;
	float: left;
}

.custom-btn {
	color: black;
	text-transform: uppercase;
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}

.custom-btn:hover {
	color: white;
	background-color: var(--primary-color-darkened);
	border-color: var(--primary-color-darkened);
}

.custom-btn:active {
	background-color: var(--primary-color);
}

.custom-light-btn:hover {
	background-color: var(--light-color);
	border-color: var(--light-color);
}

.custom-alert {
	border-color: #96B3B3;
	background-color: #E4ECEC;;
}

.alert-danger {
	width: fit-content;
	margin: 1em auto;
}

.formulaire .custom-btn {
	margin: 1em 0;
}

button, input[type=button]{
	appearance:none;
	background-color: #F0F0F0;
	color: black;
	border: 1px solid #CCC;
	min-height: 30px;
	border-radius: 3px;
	padding-left: 8px;
	padding-right:8px;
	padding-top: 2px;
	padding-bottom:2px;
	margin:5px;
	cursor: pointer;
}
button:hover,input[type=button]:hover{background-color: #F4F4F4;}
button:active,input[type=button]:active{background-color: #E0E0E0;}

.chosen-default,.chzn-default
div.chosen-container > a.chosen-single,
div.chzn-container > a.chzn-single{
	box-shadow: none /*!important*/;
	background: none/*!important*/;
	background-color: #FCFCFC /*!important*/;
	height: 30px /*!important*/;
	line-height: 27px /*!important*/;
	border-color: #BBB;
	border-radius: 3px;
	padding-left: 5px;
}

.chosen-drop input,
.chzn-drop input{
	position: relative !important;
	right:auto !important;
	/*width: auto !important;*/
}
table.formulaire div.chosen-drop:focus,
table.formulaire div.chzn-drop:focus{
	top:0;
}

/*//////////////////////////////////////*/

header{
	display: flex;
	position: fixed;
	top: 0;
	width: 100%;
	background-color: var(--light-color);
	min-width:400px; 
	z-index: 2000;
	box-shadow: 0 1px 5px 0 #F0F0F0;
	border-bottom: 1px solid #E0EEEE;
	max-height: 60px;
}

.positionner{
	padding: 10px;
}

header .header-element {
	text-align: center;
	padding: 0;
	margin: auto 0;
	height: auto;
}

header #logomenu{
	flex: initial;
	color: inherit;
	text-decoration: inherit;
	font-size: large;
	font-weight: bold;
	padding: 0 1em;
}

header #headerinfo {
	flex: auto;
}

#div br {
	display:none;
}

.menuItem {
	font-style: normal;
}

@media screen and (max-width: 1500px) {
	#headerinfo h3 {
		max-width: 300px;
	}
}

@media screen and (max-width:1250px) {
	header .menuItem {
		display: none;
	}

	header .menuItem#headerinfo {
		display: block;
	}

	#compte {
		right: 0;
	}
}

@media screen and (max-width:820px){
	header .menuItem#headerinfo {
		display: none;
	}

	#compte {
		position: absolute;
	}

	footer {
		display: block !important;
	}

	footer > div {
		width: 100%;
	}

	footer ul {
		padding: 0;
		margin: 1em 0;
	}

	footer li {
		display: inline-block;
		float: none !important;
	}
}

header #headerinfo h3{
	text-transform: uppercase;
	font-weight:lighter;
	font-size:large;
	display: inline-block;
}

header #compte{
	flex: initial;
	justify-content: right;
}

header ul, footer ul {
	list-style: none;
}

header ul > li, footer ul.left >li {
	float: left;
}

footer{
	display: flex;
	padding: 10px 20px;
	min-width: 500px;
	border-top: 1px solid lightgrey;
	background-color: var(--light-color);
	box-shadow: 0 -2px 5px 0 #F0F0F0;
	text-align: center;
	margin-top: auto;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 1005;
}

footer ul {
	flex: auto;
	padding: 0;
	margin: auto 0;
	height: auto;
}

footer ul.right > li {
	float:right;
	margin: 0 .5em;
}

footer div:nth-of-type(2) {
	float: right;
}

@media screen and (min-width:1250px) {
	footer div:nth-of-type(2) {
		position: absolute;
		right: 1em;
	}
}

#anr-logo {
	margin: .5em;
	min-width: 30px;
	height: 25px;
}

header li a, footer li a {
	color: black;
}

header li a:hover, footer li a:hover {
	background-color: #E6F6F6 !important;
}

table{
	border-collapse: collapse;
	margin: auto;
}

/*//////////////////////////////////////////////*/
.resizable {
	/* Make it resizable */
	/* @note: Does not work in MobileSafari: https://caniuse.com/#feat=css-resize */
	resize: both;
	overflow: scroll;

	/* To allow children to stretch */
	display: flex;

	width: 150px;
	height: 150px;
}

.resizable > * {
	flex: 1;
}

#atlas .formulaire > div {
	width: 100%;
	height: 45px;
}

#atlas #files {
	margin: 0;
	width: 50% !important;
	float: right;
}

#atlas #ID_Espece_chosen {
	width: 50% !important;
}
#atlas #selectSpecie label {
	width: 50%;
}

#atlas .taxon-images {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
	align-items: center;
}

#atlas iframe {
	width: 100%;
	height: 100%;
	border: none;
}

#atlas #displaySorts {
	max-width: 250px;
}

#atlas #displayUploadForm {
	text-align: center;
}

#atlas .formulaire .btn {
	margin: 0 1em !important;
}

#atlas-content {
	margin: 2em 5em;
}

#atlas #uploadModal {
	top: 6em;
}

#atlas #uploadModal .modal-footer {
	margin-top: 6em;
}

#keywordInput {
	width: 100% !important;
}

#keywordsContainer {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	margin: 10px 0;
}

.keyword-tag {
	background-color: cornflowerblue;
	color: white;
	padding: 0px 5px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	gap: 5px;
	height: 30px;
}

.keyword-tag span {
	cursor: pointer;
}

.nakala-link {
	margin-top: 14%;
	color: black;
}

#master, #ble-europe, #en-savoir-plus, #mentions-legales,
#form-dynamique, #import-master, #liste, #recherche,
#recherche-dynamique, #referentiels, #tutoriels, #version,
#connexion, #inscription, #reset-password, #utilisateur,
#forgot-password, #menuPage, #previewMaster, #atlas, #formulaire {
	flex-direction: column;
}

#connexion > *, #formulaire > *, #referentiels > *,
#inscription > *, #forgot-password > *, #reset-password > * {
	margin: auto;
	overflow: visible;
}

#utilisateur > div {
	display: flex;
}

#utilisateur > div > * {
	flex-direction: row;
	margin: auto;
}

#utilisateur-separateur {
	border : var(--primary-color-darkened) solid 2px;
	margin: 0 !important;
}

aside{
	position: fixed;
	z-index: 1010;
	top: 55px;
	left: 0px;
	padding: 10px;
	padding-top: 15px;
	overflow: auto;
	border: 1px solid rgb(221, 221, 221);
	background-color: var(--light-color);
	box-shadow: 0px 0px 5px 0px #DDD;
	min-width: 250px;
}

#asideul{
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: center;
}

#asideul ul{
	font-size: smaller;
	line-height: normal;
	overflow: hidden;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#asideul li{
	margin-bottom: 0;
	padding: 0;
}

#asideul ul li a{
	border: 1px solid var(--primary-color);
	border-radius: 2px;
	background-color: var(--primary-color-lightened);
	display: block;
	color: #112;
	text-decoration: none;
	line-height: 15px;
	padding: 3px;
	text-align: center;
}
#asideul li a:hover{background-color: var(--primary-color);}
#asideul li a:active{background-color: #D0E0E0;}

#asideul p{
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
}

.center {
	text-align: center;
}

main{
	position: relative;
	padding-left: 1vw;
	padding-right: 1vw;
	padding-bottom: 120px;
	padding-top: 12px;
	min-width: 400px;
	overflow: scroll;
	margin-bottom: 60px;
	display: flex;
	flex-direction: row;
	height: 100%;
}

main > table,main > form > table{
	min-width: 400px;
	width: 80%;
	margin: auto;
}

.inside-main {
	position: relative;
	width: 100%;
}

/*//////////////////////////////////////////////*/
#accueil .fixedlayout tr:nth-of-type(3) td:first-of-type {
	width: 50%;
}

#menuPage > table {
	width: 100%;
}

#menuPage h4 {
	text-align: center;
}

#menuPage .btn {
	text-transform: capitalize;
	margin: .2em .5em;
	background-color: transparent;
	border: none;
	color: black;
}

#menuPage .btn:hover {
	background-color: var(--primary-color-lightened);
}

#consultCollapse * {
	width: 100%;
}

#consultCollapse > ul {
	margin: 0;
	padding: 1em;
}

#accueil g image {
	cursor: pointer;
}

#sortForm {
	width: 100%;
}

#sortForm .query:first-of-type button {
	margin-top: 1em;
}

#actionList {
	width: 100%;
	display: flex;
	padding: 1em 3em;
}

#actionList button {
	flex: auto;
	margin: 1em 3em;
}

.chosen-container {
	border: 1px solid var(--primary-color-darkened) !important;
	min-width: 150px;
}

.chosen-container * {
	border: none !important;
	box-shadow: none !important;
}

.sort-icon {
	height: 20px;
	margin: .25em .5em;
	border-radius: .25rem;
}

#refForm button {
	margin: 0 1em;
	float: left;
}

#refForm input {
	float: left;
	margin-left: 10px;
}

.custom-tooltip {
	position: relative;
	display: revert;
}

.custom-tooltip .tooltiptext {
	visibility: hidden;
	background-color: black;
	color: #fff;
	text-align: center;
	padding: 5px 0;
	border-radius: 6px;
	position: absolute;
	z-index: 1;
	line-height: 1em;
}

.custom-tooltip:hover {
	display: inherit;
}

.custom-tooltip:hover .tooltiptext {
	visibility: visible;
}

table.formulaire{
	width: auto;
	background-color: var(--light-color);
	border-bottom: 1px solid #E0EEEE;
	box-shadow: 0 1px 5px 0 #F0F0F0;
	margin: 2em auto;
	padding-bottom: 10px;
}

table.fixedlayout{
	table-layout: fixed;
}

table.formulaire > tbody > tr > td{
	position: relative;
	text-overflow: clip;
	border: none;
	overflow: visible;
	min-height: 70px;
	min-width: 400px;
	width: 400px;
	height: 70px;
}

table.formulaire .input-group {
	width: 400px;
}

.tdtop{
	vertical-align:top;
}

table.formulaire label{
	display: inline-block;
	text-align: left;
	clear: both;
	margin: 5px 0;
	cursor: pointer;
}
li > input.chosen-search-input,
li > input.chzn-search > input{
	position: relative;
	right: auto;
}

table.formulaire .chosen-container,
table.formulaire .chzn-container{
	width : calc(50% + 2px) !important;
}

table.formulaire .chosen-container-multi,
table.formulaire .chzn-container-multi{
	position: initial;
}

table.formulaire input[type=search]{
	width:calc(50% + 2.5px);
}

table.formulaire textarea{
	right: 10px;
	width: 100%;
	box-sizing: border-box;
	display: inline;
	background-color: white;
	resize: vertical;
	border: 1px solid #dee2e6;
	border-radius: .25rem;
}
table.formulaire select{
	position: absolute;
	display: inline;
	right: 10px;
	width: 50%;
}
/*chosen devrait changer garder les attributs css mais il le fait pas ici(idk pourquoi ca marche pas)*/
table.formulaire .chosen-container,
table.formulaire .chzn-container {
	width: 48% !important;
	float: right !important;
	margin-right: 5px !important;
}

form.formtable{
	display: inline-block;
}

form.formtable > div{
	left: 1vw;
	display: inline-block;
	position: sticky;
	z-index: 1;
}

#multiquery {
	background-color: var(--primary-color-lightened);
	border-radius: 5px;
	width: 100%;
}

#multiquery > label{
	display: inline-block;
}

#multiquery .query > div > input{
	min-height: auto;
	width: 100% !important;
	border: 1px solid var(--primary-color-darkened) !important;
	border-radius: .25rem;
	padding: .25rem .5rem;
	font-size: .875rem;
	margin: .5em auto;
}

#sort .query .chosen-container {
	margin: .2em 0;
}

.chosen-container input {
	border: none !important;
}

#sort .query > select {
	border: 1px solid var(--primary-color-darkened) !important;
	width: auto;
	margin-bottom: 1em;
}

#multiquery > .form-check, #multiquery .progDiv, #multiquery > #expertCrit > label {
	margin: 1em;
}

.progElt > label {
	margin: 0 1em;
}

.progElt .chosen-container {
	min-width: 200px;
}

.progArrow {
	margin-top: .3em;
}

input.hidden{
	display: none;
}

#expert:not(:checked) ~ .progDiv {
	display: none;
}

#expert:not(:checked) ~ .progDiv {
	display: flex;
}

.query {
	display: inline-block;
	margin: .5em;
	position: relative;
}

.query button{
	width:calc(100% - 10px);
}

.chosen-select{
	height : 40px;
}
select.chosen-select{
	position: absolute;
}

.chosen-container-multi .chosen-choices,
.chzn-container-multi .chzn-choices{
	min-height: 30px;
}
td{
	padding: 0 8px;
	position: relative;
	background-clip: padding-box;
}

#sqlDisplay {
	width: 80%;
	margin: 2em auto;
	border-top: 2px solid var(--primary-color-darkened);
	padding-top: 1em;

}

#sqlDisplay > button {
	margin: 1em 40%;
}

/*////////////////////////////////////////////*/

table.liste{
	font-size: medium;
	border-collapse: collapse;
	border-spacing: 0;
	border-color: var(--primary-color-darkened);
	margin-top: 2em;
	margin-bottom: 3em;
}

table.liste td{
	white-space:nowrap;
	border: 1px solid var(--primary-color-darkened);
	/*border-top: 1px solid var(--primary-color-darkened);*/
	width: 100px;
	overflow: hidden;
}
table.liste tbody tr:last-child td{border-bottom: 1px solid var(--primary-color-darkened);}
table.liste tr td:last-child{border-right: 1px solid var(--primary-color-darkened);}


table.liste thead td{
	white-space: initial;
	text-align: center;
}

table.liste input{
	width: auto;
}

table.liste > thead > tr > td.titre,
table.liste > tbody > tr > td.titre{
	background-color: var(--primary-color-lightened);
	border: 1px solid var(--primary-color-darkened);
}

table.liste td.nom{
	background-color: lightgrey;
	color: #414141;
	border: 1px solid var(--primary-color-darkened);
	cursor: pointer;
	height: 15px;/*min-height*/
}

table.liste td.titre > *,
table.liste td.nom > *{
	cursor: pointer;
}

table.liste td.nom input,
table.liste td.titre input{
	display: none;
	text-align: center;
	float: none;
	width: auto;
}

/*************************************************************/

table.liste thead td{
	padding: .5em;
	max-width: 1%;
}

table.liste label{
	line-height:normal;
}

table.liste label b{
	cursor: inherit;
}

/*****************************************************************/



table.liste p.erase{
	display: block;
	position: absolute;
	top: 0px;
	right: 3px;
	cursor: pointer;
}

table.liste i.erase{
	font-style: normal;
	cursor: pointer;
}

#selectKey{
	margin: 10px;
}

.info{
	display: none;
	visibility: hidden;
	line-height: 0;
	margin: 0;
	padding: 0;
}

table.liste tr{
	/*line-height: .5;*/
}
table.liste thead tr{
	line-height: 3;
}
table.liste thead:first-child tr:first-child{
	background-color: transparent;
}

table.liste tr:nth-child(odd) td{background-color: var(--primary-color-lightened);}
table.liste tr:nth-child(even) td{background-color: #FFF;}

#Trier{
	position: relative;
}
#Trier td{
	border : 0;
}

/*////////////////////////////////////////*/



#popup{

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

}

#Coordonnees{
	/*visibility: hidden;*/
}

#map{
	width: 100%;
	height: 400px;
	margin-top: 60px !important;
}

/*//////////////////////////////////////////*/

table#chercher{
	width: 30vw;
	min-width: 400px;
}

#chercher{
	table-layout: auto;
	position: relative;
}
#chercher tr {
	border: 0;
}
#chercher td {
	border: 0;
	width: auto;
}

.modal{
	z-index: 1200;
	display: none;
	text-align: center;
	position: absolute;
	top: 15em;
	left: 25%;
	width: 50%;
	height: fit-content;
	background: var(--primary-color-lightened);
	padding: 2em;
	border: 1px solid var(--primary-color-darkened);
	border-radius: 10px;
}

.textMain{
	text-align: center;
	width: 60%;
	margin: 0 auto;
}

.textMain ul {
	text-align: left;
	margin-left: 20%;
	list-style: circle;
}

#legalNotice {
	text-align: justify !important;
}

#about, #legalNotice {
	width: 80%;
}

#about {
	text-align: justify;
}

#about #rightsTable {
	text-align: center;
}

#legalNotice h3, #about h2{
	margin-top: 1em;
	text-align: center;
}

#saveQueryModal, #removeQueryModal {
	z-index: 1200;
}

.modal-content, .modal-dialog {
	border: none;
	background: var(--primary-color-lightened);
}

.modal-title {
	padding-right: 1em;
	text-align: left;
}

.modal-title~button {
	position: absolute;
	right: 0;
	top: 0;
}

#saveInput {
	text-align: left;
}

#saveQueryModal #saveInput > div {
	margin-top: .5em;
}

#saveQueryModal #saveInput .form-check {
	margin-top: 3em;
}

#listPublicTables {
	margin-bottom: 4em;
}

/*_________________________________________*/

#infobubble{
	position: fixed;
	z-index: 2000;
	top: 0;
	pointer-events: none;
	user-select: none;
	display: none;
	border-radius: 10px;
	overflow: hidden;
	border: none;
}

#infobubbletable {
	margin: 0;
	border-radius: 10px;
	width: 100%;
}

#infobubbletable td{
	max-width: 200px;
}

/*_________________________________________*/

.formdiv{
	position: relative;
	right: 0;
	display:flex;
	flex-direction: column;
}

.formdiv ul {
	text-align: center;
}

.formdiv > * {
	margin: 10px;
	flex:1;
}

#version{
	text-align: center;
	margin-bottom: 1em;
}
#version img {
	padding: .5em 1em;
	display: block;
	margin-left: auto;
	margin-right: auto;
	border-radius: 5px;
}

/*__________________________________________*/

.switchdiv{
	border: 1px solid var(--primary-color-darkened);
	padding: 5px;
}

.switchdiv > *{
	display: none;
	min-height: 30px;
}

.switchbutton{
	height: 22px;
	line-height: 8px;
	margin:0;
	padding-top: 0;
	padding-bottom: 0;
}

/*___________________________________________*/

.agamlist{
	margin:0;
	padding: 0;
	padding-top: 3px;
}

.agamlist li{
	list-style-type: none;
	margin-bottom: 10px;
}

/*____________________________________________*/

.progDiv,
#expert:checked ~ .progdiv{
	position: relative;
	display: flex;
	line-height: 20px;
	flex-wrap: wrap;
	min-width: 1150px;
}

.progElt{
	flex: 1 1 auto;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	padding-left: 5px;
}

.progEltCurrent, .progEltCurrent:hover{
	border-color: var(--primary-color);
	background-color: var(--primary-color);
}

.infoparaph{
	border: 1px solid #EEEEEE;
	color: #222;
	overflow: hidden;
	box-shadow: 1px 1px 10px 0px #FAFAFA;
}

.casevide{
	height:30px;
}

table.liste tr > td.emptyCell{
	border: 0 !important;
	background-color: white;
}

.childGeneral{
	/*height: 600px;*/
}

a.querycross{
	cursor: pointer;
	position: absolute;
	right: 0;
}

.olMap{
	border: 1px solid lightgrey;
	border-radius: 7px;
}
.mapwrapper{
	margin-top: 2em;
}

.mapwrapper > p{
	text-align: center;
	margin: 1em;
}

.mapwrapper > ul{
	padding: 1em 2em;
	margin: 0;
}

div#map > div.olMapViewport{
	border-radius: 7px;
}

#nlines{
	padding: 1px;
	z-index: 0;
	margin-top: 2em;
}

input:invalid, select:invalid + div > a{
	box-shadow: 0 0 1px 1px #F66 !important;
}

input[type="checkbox"] + .mini{display: none;}
input[type="checkbox"]:checked + .mini{display: block;}

.mini{
	font-size: xx-small;
	color: grey;
}

.unroll input{
	display: none;
}

.unroll div{
	background-color: #F0F0F0;
    color: black;
    border: 1px solid #CCC;
    border-radius: 3px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 5px;
    cursor: pointer;
	overflow: hidden;
	box-shadow: 1px 1px 10px 0 #FAFAFA;
}
.unroll div:hover{background-color: #F4F4F4;}
.unroll div:active{background-color: #E0E0E0;}

.unroll input:checked + div{
	max-height: 1000px;
	height: auto;
	transition: 0.3s max-height;
}

.unroll input + div{
	/*max-height: 20px;*/
	transition: 0.3s max-height;
	margin : 0;
	padding-top: 7px;
	text-align: center;
}

/********************************************************/

.multitab > input[type="radio"]{
	display: none;
}

.multitab > div{
	display: none;
}

.multitab > input[type="radio"]:checked + div{
	display: block;
	position: relative;
	padding: 10px;
	padding-bottom: 70px;
	margin: 0 auto;
}

form.multitab label{
	height: 30px;
}

label.prectab{
	position: absolute;
	bottom: 10px;
	left: 25%;
}

label.nexttab{
	position: absolute;
	bottom: 10px;
	right: 25%;
}

/*****************************************************/

.selectorprecise-group label {
	flex: auto;
}

.selectorprecise-hidden {
	display: none;
}

/*******************************************************/

input.tdedit{
	background-color: transparent;
	margin-top: -15px;
	margin-bottom: -15px;
	font-size: medium;
	border: 0;
}

input.tededit:focus{
	border: none;
	outline: none;
}

.tableliste tbody tr td:not(.titre):not(.noedit){
	cursor:copy;
}

/**************************************/

table.liste .chosen-container-active.chosen-with-drop > a.chosen-single,
table.liste .chzn-container-active.chzn-with-drop > a.chzn-single{
	box-shadow: none;
	border: none;
	border-radius: 0;
}

/*************************************/

.masterliste {
	font-size: medium !important;
}

td.mastertitle:not(.emptyCell){
	background-color: rgb(243, 243, 243);
	border-color: rgb(187, 187, 187);
}

table.masterliste tr:nth-last-child(2) > td{
	border-bottom: 1px solid #888;
}
table.masterliste tr > td:nth-last-child(2){
	border-right: 1px solid #888;
}

/***************************************/

#loadingone{
	background-image: linear-gradient(to left, rgb(110, 63, 110), indigo, rgb(0, 0, 179), purple);
	-webkit-background-clip: text;
	-moz-background-clip: initial;
	background-clip: text;
	color: transparent;
	cursor: vertical-text;
}
/******************************************/
div.tutopage{
	margin: 30px auto;
	min-width: 300px;
	width: 50vw;
	text-align: center;
	padding: 10px;
}
div.tutopage video{
	min-width: 300px;
	width: 95%;
}

.tutopage input {
	margin: 0;
}

.tutopage label {
	padding: 6px;
}

.tutopage .row {
	margin: 1em;
}

@media screen and (max-width:820px){
	div.tutopage {
		width: 80%;
	}
}

/****************************************************/

.tutolink{
	display: inline-block;
	text-align: center;
	background-color: #d2f1fb;
	margin-left: 10px;
	border-radius: 100%;
	width: 20px;
	height: 20px;
	line-height: 20px;
	color: #55646a;
	font-weight: bold;
	cursor: pointer;
	text-shadow: 0 0 10px #555;
	box-shadow: 0 0 2px 1px #484747;
}
.tutolink:hover{background-color: #ecfaff;}
.tutolink:active{background-color: #9ec4d1;}

div#tutobulle{
	position: absolute;
	padding: 10px;
	width: 500px;
}

#tutobulle .btn-close {
	position: absolute;
	right: 2px;
}

#tutobulle p {
	margin-top: 1.5em;
}

div#tutobulle video{
	width: 100%;
}


/*BLE EUROPE*/
#ble-europe #all-triticum {
	width: 100%;
	text-align: center;
	margin-bottom: 2em;
}

#ble-europe #all-triticum > div > img {
	width: 30%;
	margin: 1em 1.65% 1em 1.65%;
	float: left;
}

#ble-europe .custom-alert {
	width: 80%;
	margin: 1em auto;
	padding: 1em;
}

#ble-europe #all-triticum img {
	max-width: 1400px;
}

#ble-europe #logos {
	width: 100%;
	text-align: center;
	float: left;
}

#ble-europe td, #ble-europe th {
	width: 100%;
	max-width: 800px;
}

#ble-europe #logos img {

}