html, body{
	min-height : 100%;
}
#carto_consult{
	width : 100%;
	height : 800px;
}
#hauttb{
	display : none;
}
#carto{
	width : 100%;
	height : 100%;
}
#liste-couches{
	height : 230px;
	border-radius : 0;
	top : 210px;
}
header{
	height : 169px;
	z-index : 10000;
}
#logos{
	height : 149px;
	padding : 10px 0 0 0;
}
#logos2{
	position : fixed;
	bottom : 0;
	background : #fff;
	padding: 0 20px;
}
#titreheader{
	top : -10px;
}
#imgabc{
	width : 220px;
	height : auto;
	margin-top : 25px;
}
#donnees, #detaildonnees{
	width : 350px;
	/* min-height : 360px; */
	height : calc(100% - 220px);
	background : #fff;
	position : fixed;
	/* top : 250px; */
	top : 195px;
	left : 0px;
	z-index : 100000;
	box-shadow : 2px 0px 7px rgb(0 0 0 / 50%);
	padding: 25px 15px 15px 15px;
	overflow : hidden;
	box-sizing: border-box;
	border-top : 10px solid #acc13a;
	border-bottom : 10px solid #acc13a;
}
#detaildonnees{
	left: 12px;
    top: 212px;
	height: calc(100% - 222px);
}
#donnees ul{
	margin : 0;
	padding : 0 0 0 20px;
}
#donnees li{
	font-size: 14px;
    margin: 7px 0 0 0;

}
#txtdetaildonnees{
	height: calc(100% - 100px);
}
.liendetail span{
	text-decoration : underline;
	cursor : pointer;
	color: #8a992d;
	font-size : 14px !important;
}
.liendetail  span:hover{
	color: #555e1e;
}
#close_obs, #close_obs_detail{
	position : absolute;
	right : 10px;
	top : 0;
	color : #6c6c6c;
	font-size : 20px;
	cursor : pointer;
	z-index : 10003;
}
#btn_saisirobs{
	position : absolute;
	bottom : 30px;
	right : 20px;
	z-index : 10000;
	text-align : center;
	display : block;
	padding : 10px 40px;
	width : max-content;
	border-radius : 5px;
	font-size : 28px;
	text-decoration : none;
	font-weight : bold;
	box-shadow : 2px 0px 7px rgb(0 0 0 / 50%);
	
}
.communes{
	font-size : 10px !important;
	background : #a4bf34 !important;
	color : #fff;
	font-weight : bold;
}
.communesq:before {
  content: "a";
  display : block;
  position : absolute;
  top : -20px;
  background : url('../images/jumelles.png');
  background-size: cover;
  width : 50px;
  height : 50px;
}
.cc{
	display : block;
}
h2{
	margin-top: 0;
    font-size: 18px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0;
    width: 100%;
    padding: 3px 15px;
    text-align: left;
    box-sizing: content-box;
    z-index: 10002;
}
.nbobs{
	background : #859728;
	padding : 2px 8px;
	color : #fff;
	border-radius : 5px;
	font-size : 14px;
}
.nbobsgris{
	background : #b3b3b3 !important;
}
#txtdonnees{
	max-height : 400px;
	margin-top : 10px;
	overflow : auto;
	padding-right : 10px;
}
#txtdonnees p{
	margin-top : 0;
}
#txtdonnees2{
	font-size : 12px;
	height: calc(100% - 345px);
    overflow: auto;
	background : whitesmoke;
	padding-left : 10px;
}
#txtdonnees2 span{
	padding : 0 5px 3px 5px;
	background : #a7bb3a;
	display : inline-block;
	text-align :  left;
	color : #fff;
	border-radius : 3px;
	margin-top : 8px;
	cursor : pointer;
}
#txtdonnees2 span:hover{
	background : #93a535;
}
#titredonnees2{
	font-weight: bold;
    font-size: 14px;
    padding: 5px;
    margin-top: 10px;
    background: #e3e8cb;
}
#listedonnees{
	list-style : none;
	margin-bottom : 5px;
}
.spfr{
	padding : 0 5px;
	background : #c8d38b;
	border-radius : 3px;
}
.par{
	font-size: 13px;
	color : #7e7e7e;
	display : block;
	text-align : right;
}
.detaildonnee{
	margin-left : 15px;
	border-left : 3px solid silver;
	padding-left : 15px;
	padding-bottom : 0;
	margin-bottom : 10px;
	height: 100%;
    overflow: auto;
}
.detaildonnee .nbobs{
	font-size : 13px;
	padding : 0;
	background : #a7bb3a;
	width : 35px;
	display : inline-block;
	text-align : center;
}
.detaildonnee .nbobs2{
	background : #3f2e24;
}
.detaildonnee .nbobs3{
	margin-left : 5px;
	background : #fff;
	color : #000;
	border: 1px solid #8a992d;
	font-size : 11px;
	font-weight : normal;
}
.detaildonnee p{
	font-size : 14px;
	margin-top : 2px;
	margin-bottom : 2px;
}
#listedonnees .nbobs2{
	background : #d7bcac !important;
}
.p2{
	margin : 10px 0 10px 33px;
	position : relative;
	font-size : 14px;
}
.p2:before{
	display: inline-block;
    content: '';
    width: 8px;
    height: 8px;
    border-right: 4px solid #acc13a;
    border-bottom: 4px solid #acc13a;
    border-radius: 0 0 2px 0;
    transform: rotate(310deg);
    -webkit-transform: rotate(310deg);
    -ms-transform: rotate(310deg);
    position: absolute;
    top: 4px;
    left: -24px;
}
#score{
	position : absolute;
	z-index : 999;
	top : 205px;
	left : 20px;
	background : #fff;
	padding : 5px 10px;
	font-size : 14px;
	border-radius : 5px;
}
.leaflet-tooltip.communes {
  background-color: #fff;
  border: transparent;
  box-shadow: none;
  font-size: 9px;
  padding : 2px 5px 2px 5px;
  text-align : center;
}
#msg_nonpublic{
	font-size: 12px;
	font-style: italic;
	color: #818181;
	margin-top: 10px;
	text-align: justify;
	height : 30px;
}

#detaildonnees{
	display : block;
}

.detail_obspar{
	background: #efefef;
    font-size: 13px !important;
    padding: 5px 10px;
    border-radius: 3px;
    margin: 4px 10px 10px 10px !important;
    border-left: 2px solid #8a992d;
}
.detail_nomsp span{
	text-decoration : underline;
	cursor : pointer;
	color: #8a992d;
}
.detail_nomsp span:hover{
	color: #555e1e;
}

#avisrecherche{
	display : flex;
	position : absolute;
	top : 200px;
	left : 10px;
	width : 450px;
	min-height : 150px;
	background : #fff;
	z-index : 20000;
	box-shadow : 2px 0px 7px rgb(0 0 0 / 50%);
	padding : 0;
	max-height : calc(100% - 300px);
	display : none;
}
#avisrechercheimg{
	width : 100%;
	height : 100%;
	position : fixed;
	top : 0;
	left : 0;
	background : #ffffffc4;
	z-index : 100005;
	display: flex;
	justify-content: center;
	display : none;
}
#lienzoomar{
	position : absolute;
	bottom : 10px;
	right : 10px;
	background : silver;
	border-radius : 3px;
	padding : 2px 10px 2px 5px;
	cursor : pointer;
	font-size : 14px;
}
#lienzoomar:hover{
	background : #f7f7f7;
}
#avisrechercheimg #close_pop{
	position : absolute;
	right: 20px;
    top: 0px;
    font-size: 50px;
    cursor: pointer;
}
#avisrechercheimg img{
	width : auto;
	height : 90%;
	margin : auto;
	display : block;
	max-height : 900px;
	max-width : 90%;
	object-fit: contain;
}
#lienimgavis{
	cursor : pointer;
	position : relative;
}
.ar_nb{
	background : #abc13a;
	font-size : 30px;
	font-weight : bold;
	text-align : center;
	padding : 8px 5px 2px 5px; 
	border-radius : 5px;
	position : absolute;
	top : 10px;
	right : 10px;
	color : #fff;
	line-height : 20px;
	cursor : pointer;
}
.ar_nb span{
	display : block;
	font-size : 12px;
	font-weight : normal;
	margin-top : 2px;
}
.ar_sp{
	color : #6d7a28;
	font-size : 25px;
	font-weight : bold;
	width: calc(100% - 85px);
}
.ar_titre{
	font-style: italic;
    color: #7e7e7e;
    font-weight: bold;
	background : transparent;
	padding : 0;
}
.ar_descr{
	text-align : justify;
	font-size : 14px;
}
.ar_img{
	width : 100%;
	height : auto;
	border : 1px solid #cdcdcd;
}
.ar_lien{
	text-align: center;
    display: block;
    width: max-content;
    background: #8e9f31;
    padding: 3px 10px 5px;
    color: #fff;
    text-decoration: none;
    margin: 10px 0;
    border-radius: 3px;
	margin-left : auto;
}
#ar_c1{
	width : calc(100% - 25px);
	box-sizing : border-box;
	padding : 10px 20px 10px 20px;
	overflow : auto;
	max-height : calc(100% - 315px);
	position : relative;
}
#ar_c2{
	background: #e2e7ca;
    height: auto;
    width: 25px;
}
#ar_c2 .txtzoom{
	transform: rotate(90deg);
    display: block;
    width: max-content;
    transform-origin: left top;
    position: relative;
    top: 2px;
    right: -22px;
    color: #4e4e4e;
    font-weight: bold;
    border-left: 2px solid #fff;
    padding-left: 10px;
}
.replier{
	font-size : 33px;
	padding-left : 5px;
	cursor : pointer;
}