body, html{
	width : 100%;
	margin : 0;
	font-family : 'Nunito Sans', sans-serif;
}
#nonconnect{
	width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000000000;
    background: #fff;
    text-align: center;
    padding: 50px 0 0 0;
    font-size: 13px;
}
#head{
	width: max-content;
	max-width : 900px;
    margin-left: auto;
    margin-right: 10%;
    margin-top: 20px;
    margin-bottom: 20px;
	display : flex;
}
#head_c1{
	border-left : 5px solid #b5b261;
	border-right : 5px solid #b5b261;
	padding : 0 1%;

}
#head_c2{
	padding : 0 1% 0 0;
}
#head_c3{
	padding : 0 3% 0 2%;
}
#floraine{
	width : 100%;
	height : auto;
}
#headtxt{
	margin-top : 0px;
	color : #b5b261;
	font-weight : 600;
	text-align : left;
	font-size : 16px;
}
footer{
	padding: 5px 20px;
    background: #253e54;
	border-radius: 50px;
	margin: 290px 5% 35px 5%;
	width : 80%;
	color : #fff;
	font-size : 11px;
	text-align : right;
	max-width: calc(1200px - 20%);
	margin-left: auto;
    margin-right: auto;
}
footer a{
	text-decoration : none;
	color : #fff;
}
footer a:hover{
	color : #000;
}
h1{
	position : relative;
	margin : 4px 10px 20px 10px;
	padding : 0px 0 0px 20px;
	background : #253e54;
	font-weight : 600;
	font-size : 25px;
	color : #fff;
	border-radius : 50px;
	width : 97%;
}
h2{
	background: #e7e7e7;
    display: block;
    color: #4a4a4a;
    padding: 4px 20px;
    text-decoration: none;
    font-size: 25px;
    width: max-content;
    margin: 0 0 30px 10px;
    border-radius: 43px;
}
h3{
	margin: 50px 0 -10px 10px;
    background: #b3b363;
    width: max-content;
    padding: 3px 20px;
    border-radius: 25px;
    color: #fff;
    font-size: 13px;
	position : relative;
}
h4{
	background: #dfdfdf;
    border-radius: 20px;
    padding: 5px 10px;
    margin-top: 90px;
    margin-bottom: -45px;
}
h2 a{
	color : #6c7821;
}
#h4releve{
	margin-top: 45px;
    margin-bottom: 20px;
}
#contenu{
	width : 100%;
	max-width : 1200px;
	min-height : 1000px;
	margin-left : auto;
	margin-right : auto;
	margin-bottom : 200px;
	position : relative;
}
#listeobs{
	width : 200px;
	height : 85%;
	position : fixed;
	right : 0px;
	top : 5%;
	display : none;
}
#listeobscontenu{
	margin : 0 10px 0 10px;
	border : 1px solid #253e54;
	border-radius : 5px;
	background : #f9f9f9;
	padding : 5px;
	font-size : 12px;
	overflow : auto;
	max-height : 100%;
}
#masque{
	margin-left : 10px;
	margin-right : 10px;
	width : auto;
}
#boxcarto{
	position : relative;
	width : 100%;
	height : 500px;
	margin-bottom : 20px;
	border : 1px solid #253e54;
	border-radius : 5px;
}
#btn-maposition, #btn-mapositionreleve, #btn-mapositionreleve2 {
	display: none;
	position: fixed;
	bottom: 80px;
    right: 10px;
	background: #f5f5f5;
	padding: 5px 10px 5px 25px;
	border-radius: 3px;
	box-shadow: 0 0 8px #000;
	z-index: 10;
	font-size: 14px;
	color: #2f3c54;
	z-index : 402;
}
#btn-maposition::after, #btn-mapositionreleve::after, #btn-mapositionreleve2::after {
	content: "";
	background-image: url(../images/icone-maposition.png);
	position: absolute;
	left: 5px;
	top: 7px;
	height: 16px;
	width: 16px;
	background-size: cover;
	opacity: 0.5;
}
#btn-mapositionreleve, #btn-mapositionreleve2{
	position: relative;
    bottom: auto;
    right: auto;
    box-shadow: none;
    background: #d3d0d0;
    color: #2f3c54;	
}
#infos-maposition{
	font-size : 13px;
	text-align : center;
	width : max-content;
	padding : 20px;
	background : #fff;
	border-radius : 5px;
	box-shadow : 0 0 10px #000;
	position : fixed;
	top : 50%;
	left : 50%;
	transform : translate(-50%, -50%);
	z-index : 406;
	display : none;
}
#outilscarto{
	height : 50px;
	background : #f9f9f9;
	border-radius : 5px 5px 0 0;
	border-bottom : 1px solid #4e4e4e;
}
#carto{
	width : 100%;
	height : calc(100% - 57px);
	border-radius : 5px;
}
.boxsaisie{
	background : #f9f9f9;
	border : 1px solid #253e54;
	border-radius : 5px;
	padding : 10px;
	margin-bottom : 10px;
}
.titreboxsaisie{
	font-size : 14px;
	color : #606e21;
	font-weight : 700;
}
.infoboxsaisie{
	font-size : 12px;
	color : #606e21;
}
.champsaisie{
	height : 21px;
	border-radius : 4px;
	border : 1px solid silver;
	padding-left : 5px;
}
.champsaisieobservateurs{
	width : 100%;
}
#organisme{
	width : 245px;
}
#precisionloca{
	width : 255px;
	margin-left : 4px;
}
.ligne{
	margin-bottom : 5px;
	margin-top : 10px;
}
label{
	text-align : right;
	width : 100px;
	display : inline-block;
}
.labelextarea{
	vertical-align: top;
}
.labelobservateurs{
	width : 140px;
	margin-right : 5px;
}
select{
	height : 25px;
	border-radius: 4px;
    border: 1px solid silver;
	width : calc(100% - 105px);
}
textarea{
	border-radius: 4px;
    border: 1px solid silver;
	width : calc(100% - 120px);
	height : 30px;
	padding : 6px;
	resize: none;
}
.btn{
	background : #253e54;
	color : #fff;
	border : 0;
	margin-left : 10px;
	height : 25px;
	border-radius : 4px;
	cursor : pointer;
}
.btn:hover{
	background : #b5b261;
}
#btn_maille{
	width : 130px;
	float : right;
	background : #dddddd;
	align-self: flex-start;
}
#btn_releve, #btn_nouveau_releve, #btn_envoyer{
	margin-left: auto;
    margin-right: 20px;
    padding: 10px 20px;
    height: 35px;
	display : none;
	float : right;
}
#btn_envoyer:focus-visible, input:focus-visible{
	outline : 0;
}
#noms_mailles{
	display : flex;
	flex-wrap: wrap;
	margin-top: 10px;
	justify-content : end;
}
.nom_maille{
	width: 70px;
    text-align: center;
    font-size: 11px;
	margin-left : 10px;
	position : relative;
}
.champ-maille{
	position : relative;
}
.champ-maille input{
	
}
.champ-maille label{
	position: absolute;
    background: #f9f9f9;
    top: -8px;
    left: 16px;
    font-size: 10px;
    width: max-content;
    padding: 0px 5px;
    z-index: 1;
}
#maille{
	/* width : 35px; */
	/* float : right; */
	/* text-align : center; */
}

#labelx, #labely, #labelx2, #labely2{
	width : 40px;
}
#xnf, #yef{
	width : 90px;
	text-align : right;
}
#choixreleve{
	display : none;
}
#choixreleve{
	display : none;
}
#lignecommune, #lignecoord{
	display : none;
}
#choixcoords, #choixcoords2{
	width : 135px;
}
#choixlocalisation, #choixlocalisation2{
	display : none;
}
#choixobservateurs{
	display : none;
}
#choixdate{
	display : none;
}
#choixstation{
	display : none;
}
#choixpopulation{
	display : none;
}
#choixtaxon{
	min-height : 50px;
	margin-top : 70px;
	display : none;
}
#choixcmtsp{
	display : none;
}
#taxon{
	width : calc(100% - 85px);
}
#date{
	width : 120px;
}
#btn_coord, #btn_coord2{
	width : 130px;
    margin-left : 25px;
}
#btn_coord2{
	display : none;
}
.labelradio{
	width : auto;
	text-align : left;
}
.ui-autocomplete {
    max-height: 200px;
    overflow-y: hidden;
    overflow-x: hidden;
  }
  
#popup{
	width : 500px;
	height : auto;
	padding-bottom : 80px;
	background : #fff;
	border : 1px solid #253e54;
	border-radius : 5px;
	box-shadow : 0px 0px 20px #000000b8;
	position : fixed;
	top : calc(50% - 300px);
	left : calc(50% - 250px);
	z-index : 1000;
	display : none;
}
#popuphaut{
	display: flex;
	justify-content : space-between;
}
#popupclose{
	height : 40px;
	width : 40px;
	cursor : pointer;
	position : relative;
	margin-left: auto;
}
#popupclose:after{
	content: "+";
	transform: rotate(45deg);
	display: inline-block;
    position: absolute;
	font-size : 50px;
	top: -15px;
	left: 7px;
	color : #253e54;
}
#popuptitre{
	padding : 13px 0px 0 0;
	margin-left : 30px;
	border-bottom : 0px solid #253e54;
	color : #606e21;
	font-size : 16px;
	font-weight : 700;
	flex : auto;
}
#popuptext{
	margin : 10px 30px;
	text-align : left;
}
#popupbtn{
	width : 100px;
	margin-left : auto;
	margin-right : auto;
	display : block;
	position : absolute;
	bottom : 30px;
	left : calc(50% - 50px);
}
#noSuggestionid{
	color: #1c1c1c;
    margin-left: 10px;
    font-size: 14px;
}
#noSuggestionidlien{
	cursor : pointer;
	color: #3b4414;
    font-weight: 700;
    text-decoration: underline;	
}
.labelajoutobs{
	width : 70px;
}
.champsajoutobs{
	margin-left: 5px;
    width: calc(100% - 124px);
}
#erreurpop{
	color: #a50404;
    font-size: 13px;
}
#infotaxon{
	margin-left: 50px;
    margin-top: 7px;
    display: block;
}
.labelpopulation{
		width : 155px;
}
.labelpopulation2{
		width : 60px;
}
.selectpopulation{
	width : 190px;
}
.champsaisiepopulation{
	width : 65px;
	margin-left : 5px;
}
.rondinfo{
	display : inline-block;
	width : 16px;
	height : 16px;
	background : #253e54;
	text-align : center;
	border-radius : 10px;
	font-weight : 700;
	color : #fff;
	cursor : pointer;
}
.rondinfo:hover{
	background : #b5b261;
}
.infos{
	font-size : 13px;
	margin : 0 0 5px 0;
	text-align : justify;
}
#cmt_population, #cmt_ecologie, #cmt_menaces{
	width: calc(100% - 175px);
}
.labelpopulationtext{
	vertical-align : top;
}
.selectstation{
	width : calc(100% - 162px);
}

#message_envoi{
	font-size : 12px;
	color : #404040;
	text-align : right;
	margin-right : 30px;
}
#message_envoi img{
	vertical-align: top;
    margin-right: 2px;
}
#infosreleve{
	display : none;
}
#txtinfosreleve{
	font-size : 13px;
	color : #2e2e2e;
	margin : 5px 0 10px 20px;
	display : flex;
}
#c1releve{
	flex : 1;
}
#c2releve{
	flex : 2;
}
.amsify-list-item:hover{
	background : #dddddd;
}
#listesaisie{
	padding-left : 25px;
	list-style-position: outside;
	font-style : italic;
}
#outilscarto{
	padding : 5px 15px;
	height : 46px;
}
#btns_zoom{
	display : inline-block;
	height : 46px;
	vertical-align : top;
	font-size : 10px;
}
.btn_zoom{
	text-align : center;
	color : #fff;
	background : #666666;
	padding : 0 6px;
	font-size : 20px;
	font-weight : 700;
	width : 22px;
	display : inline-block;
	margin-top : 2px;
	cursor : pointer;
	
}
#btn_plus{
	border-radius : 8px 0 0 8px;
}
#btn_moins{
	border-radius : 0 8px 8px 0;
}
#btn_communecarto_mobile{
	display : none;
}
#btn_carte, #btn_photo{
	display : inline-block;
	margin-right : 15px;
	cursor : pointer;
}
#communecarto{
	float : right;
	font-size : 10px;
	margin-top : 2px;
}
#zoomcommune{
	width : 250px;
	margin-top : 2px;
}
.ui-autocomplete{
	z-index : 10000;
}
.ui-menu-item-wrapper{
	font-size : 14px;
}

#menu{
	display : flex;
	align-items : center;
    justify-content : flex-start;
	margin : 0 0 30px 0;
	padding : 0;
}
#menu li{
	list-style : none;
	margin : 0 10px 0 0;
	font-weight : 700;
	background : #666666;
	font-size : 12px;
	border-radius : 20px;
}
#menu li a{
	padding : 4px 20px;
	display : block;
	color : #fff;
	text-decoration : none;
	border-radius : 20px;
}
#menu .menuencours, #menu .menuencours:hover{
	background : #b3b363;
	padding : 4px 20px;
	color : #fff;
}
#menu li:hover{
	background : #565656;
}
#menu li .btn_admin{
	border-radius : 20px;
	background : #c93e3e !important;
	font-size : 10px;
	padding: 5px 10px;
}
#btn_deconnexion{
	margin-left: auto !important;  
}
#btn_deconnexion a:hover{
	background : #565656;  
}
#btn_deconnexion a{
	background: #666666;
	font-weight: normal !important;
    cursor: pointer;
    padding: 4px 12px;
}

.leaflet-control-zoom{
	display : none;
}
#lmin, #lmax, #lnb{
	display : none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number]{
    -moz-appearance: textfield;
}

#infocas2et3{
			font-weight : bold;
			font-size : 13px;
			margin-top : 25px;
			margin-bottom : 10px;
			display : none;
		}
		
#btn_menumobile, #menumobile, #btns_mobile, .btns_cas2-3, #champscoordsmobile2{
	display : none;
}