html, body{
	padding : 0;
	margin : 0;
}
body{
	font-family: 'Source Sans Pro', sans-serif;
	background : url('../images/visuel-filigrane.gif') no-repeat center bottom;
	background-attachment : fixed;
}
#contenu{
	max-width : 1200px;
	margin-left : auto;
	margin-right : auto;
	margin-top : 50px;
	
}
footer{
	text-align : center;
	font-size : 14px;
	margin-bottom : 50px;
	margin-top : 350px;
}
footer a{
	text-decoration : none;
	color : #fff;
}
#pnr{
	background : #abc13a;
	padding : 5px;
	color : #fff;
}
#bas{
	font-size : 12px;
	margin-top : 5px;
	color : #818181;
}
#bas a{
	color : #818181;
	text-decoration : none;
	font-style : italic;
}
#bas a:hover{
	text-decoration : underline;
}
.lignesaisie{
	width : 100%;
	overflow: hidden;
}
.listeboxsaisie{
	display : flex;
	justify-content :  center;
}
.boxsaisie{
	background : #a4bf34;
	
	width: 160px;

	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 10px;
	margin: 0;
	align-self: stretch;
	justify-content: center;
	display: flex;
	align-items: center;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	cursor : pointer;
	border-radius : 5px;
	transition : all 0.5s;
	text-transform: uppercase;
}
.boxsaisie2{
	display : block;
	width : 40%;
	text-transform : none;
}
#btn_saisie, #btn_consult{
	font-size : 22px;
	width : 240px;
	height : 80px;
}
#btn_admin{
	margin : auto;
}
#btn_admin a{
	color : #fff;
}
.ligneform{
	background : silver;
}
#ligne-ident, #ligne-login, #ligne-creercompte, #ligne-sanscompte{
	
}
.boxsaisie:hover{
	background : #869d27;
}
.boxsaisie-activ, .boxsaisie-activ:hover{
	background : #890000 !important;
}
.boxsaisie-nonactiv{
	background : #dbdbdb !important;
}
.boxsaisie-nonactiv:hover{
	background : #abc13a !important;
}
.infoboxsaisie{
	font-size : 13px;
	display : block;
	margin-top : 5px;
	font-weight: normal;
}
.f14{
	font-size : 13px;
	width : 100%;
	display : block;
}
.champsaisie{
	font-size : 15px;
	padding : 10px 20px;
}
.lignechamp{
}
.labelchamp{
	font-size : 13px;
	display : block;
	color : #545454;
	margin-bottom : 3px;
	padding : 0 0 0 3px;
}
.labelchamp1{
	margin-top : 10px;
}
.labelchamp2{
	display : inline-block;
}
.labelautreobs{
	width : 125px;
	text-align : right;
}
#dateobs, #dateobs2{
	width : 180px;
}
.champinput, select{
	border : 0;
	width : calc(100% - 20px);
	font-size : 14px;
	border : 1px solid silver;
	padding : 5px 10px;
	border-radius : 5px;
	margin : 0 0 10px 0;
	background : #fff;
}
select{
	width : 100%;
}
.btn{
	border-radius : 20px;
	width : 100%;
	padding : 5px 0;
	margin-left : 0;
	height : 35px;
	font-size : 16px;
	margin : 25px 0 10px 0;
	background : #a4bf34;
	border : 0;
	color : #fff;
	cursor : pointer;
	display : inline-block;
	text-align : center;
	text-decoration : none;
}
.btn:hover{
	background : #869d27;
}
#ligne-login, #ligne-creercompte, #ligne-sp, #ligne-autreobs, #ligne-photo, #ligne-ok, #ligne-rq, #ligne-protocole{
	display : block;
	width: 350px;
	padding: 10px 20px;
	margin: 15px auto;
	border-radius : 5px;
	background : #f1f1f1;
}
#ligne-creercompte{
height : auto;
}
#ligne-sp, #ligne-autreobs, #ligne-ok, #ligne-rq, #ligne-photo{
	width : 88%;
	padding : 1px 15px;
	margin : 0 auto;
	border-radius : 0;
}
#ligne-sp, #ligne-autreobs{
	border-radius : 5px 5px 0 0;
	padding-top : 15px;
}
#ligne-photo{
	border-radius : 0 0 5px 5px;
	padding-bottom : 15px;
}
#ligne-ok{
	margin-top : 40px;
	padding-bottom : 20px;
}
.erreur{
	background : transparent;
	padding : 8px 15px;
	font-size : 12px;
	margin : 10px 0 0 0;
	display : none;
}
 #ligne-creercompte{

 }
#lignenewsletter{
	margin-left : 5px;
	margin-top : 5px;
	margin-bottom : 20px;
}
#ligneprecision{
	display : none;
}
#ligne-connecte{
	background: #8e9f31;
    padding: 7px 10px 5px 10px;
    margin-top: 0px;
    width: 380px;
    position: fixed;
    top: 0;
    right: 0;
    box-sizing: border-box;
    box-shadow: -5px 5px 15px #000;
    color: #fff;
    font-size: 14px;
}
.btn_connect{
	display : block;
	text-decoration : none;
	float : right;
	width : max-content;
	background : #fdfff4;
	color : #41481b;
	font-size : 12px;
	padding: 3px 10px;
	font-size: 12px;
	border-radius: 3px;
	cursor : pointer;
	margin-left : 10px;
}
.btn_connect:hover{
	background : #f2f7d5;
}
#btn_deconnect{
	padding-bottom : 0;
}
h2{
	text-align: center;
	margin: 50px 0 25px 0;
	width: max-content;
	background: #e2e7ca;
	margin-left: auto;
	margin-right: auto;
	padding: 2px 42px;
	border-radius: 20px;
	color: #462d24;
}

.boxtypeobs{
	width : 120px;
	height : 120px;
	background : #a4bf34;
	color : #fff;
	text-align : center;
	padding : 10px;
	margin : 10px;
	border-radius : 5px;
	cursor : pointer;
	
}
.boxtypeobs:hover{
	background : #869d27;
}
.boxtypeobs img{
	width : 77%;
	height : auto;
	display : block;
	margin : 0 auto;
}
#titre-choixsaisie1, #titre-choixsaisie2, #titre-contexte, #titre-loca, #titre-sp, #titre-protocole{
	display : block;
}
#infoinsccription, #infos-loca{
	text-align : center;
}
.infos{
	text-align : center;
	font-size : 14px;
	color : #5a5a5a;
	margin : 0;
	padding : 0;
}
#ligne-carto{
	width : 90%;
	height : 550px;
	margin-top : 20px;
	margin-bottom : 20px;
	margin-left : 5%;
	border : 1px solid #a9c13d;
	border-radius : 5px;
}
#outilscarto{
	height : 50px;
	background : #f9f9f9;
	border-radius : 5px 5px 0 0;
	border-bottom : 1px solid #4e4e4e;
}
#carto{
	width : 100%;
	height : 100%;
	border-radius : 5px;
	cursor: crosshair;
}
#outilscarto{
	padding : 5px 15px;
	height : 46px;
}

#communecarto{
	float : right;
	font-size : 10px;
	margin-top : 2px;
}
#zoomcommune{
	width : 250px;
	margin-top : 2px;
}
hr{
	height: 1px;
	border: 0;
	background: #d2d2d2;
	margin-top: 10px;
	margin: 10px 0 5px 0;
}

/* Customize the label (the container) */
.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 5px;
  cursor: pointer;
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
	background-color: #fff;
	border: 1px solid silver;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #abc13a;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


header{
	background : url('../images/photos/01.jpg?p=4') no-repeat;
	background-size : cover;
	background-position : bottom center;
	height : 250px;
	position : relative;
	box-shadow : 0 5px 10px #999999;
}
#cont{
	max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
	width: 80%;
	
}
#logos{
	background : #fff;
	height : 230px;
	width : 165px;
	text-align : center;
	padding : 20px 0 0 0;
	float : left;
}
#logos3{
	display : none;
}
#logos span{
	margin : 10px 0 5px 0;
	font-size : 12px;
	color : #5d5d5d;
	display : block;
	letter-spacing : -0.5px;
	font-weight : bold;
}
#imgabc{
	display : block;
	float : left;
	margin-left: 30px;
    margin-top: 30px;
}
#hauttb{
	display : none;
}
h1{
	color : #fff;
	background : #a4bf34;
	padding : 3px 20px;
	font-size: 2.1vmin;
    margin: 0 auto;
    text-align: center;
    width: 100%;
	max-width : 1165px;
}
.h1petit{
	font-size : 20px;
	padding : 3px 20px 8px 20px;
}
#titreheader{
	position : relative;
	width : 80%;
	margin : -20px auto 0 auto;
	clear: both;
    top: -20px;
}
#intro{
	text-align : center;
	margin : 90px auto 50px auto;
	padding: 30px 40px;
	border-radius: 5px;
	color: #000;
	width : 80%;
}
.titreintro{
	text-align : justify;
	font-size : 22px;
	margin : 0 0 10px 0;
	font-weight : bold;
}

.txtintro{
	text-align : justify;
	font-size : 16px;
	margin : 0;
}


#ligne-carto{
	position : relative;
}
#liste-couches{
	position : absolute;
	right : 0px;
	top : 0;
	height : calc(100% - 20px);
	width : 155px;
	background : #fff;
	padding : 5px 15px 15px 15px;
	border-radius : 0px;
	z-index : 100000;
	box-shadow : -2px 0px 7px rgba(0, 0, 0, .5);
	overflow : hidden;
	
	border-radius : 0 5px 5px 0;
}
#clic-listecouches{
	display : none;
}

#clic-listecouches:after{
	content: "➔";
	margin-left: 7px;
	position: absolute;
	transform: rotate(270deg);
	display : none;
}

#couches{
	width : 155px;
}
.couche{
	margin-left : 5px;
	cursor : pointer;
}
.couche a{
	font-size : 14px;
	vertical-align : top;
}

.titreoutils{
	font-weight : bold;
	color : #abc13a;
	font-size : 15px;
	border-bottom : 3px solid #abc13a;
	letter-spacing : 0px;
	margin-bottom : 10px;
	margin-top : 15px;
}
#of-listecouches{
	position : relative;
	top : 80px;
}
#btns_zoom{
	display : inline-block;
	height : 46px;
	vertical-align : top;
	font-size : 10px;
}
.btn_zoom{
	text-align : center;
	color : #fff;
	background : #fff;
	padding : 0;
	font-size : 20px;
	font-weight : 700;
	width : 30px;
	height : 30px;
	display : inline-block;
	margin-top : 2px;
	cursor : pointer;
	margin-left : 5px;
	margin-right : 10px;
	border : 2px solid #7e7e7e;
}
.btn_zoom img{
	width : 100%;
	height : auto;
}
.btn_zoom:hover{
	box-shadow : 0px 0px 5px #ababab;
}
.leaflet-control-container{
	display : none;
}
#coords{
	font-size : 12px;
}
#popup{
	width : 500px;
	height : auto;
	max-height : 70vh;
	max-width : 1080px;
	padding-bottom : 80px;
	background : #fff;
	border : 1px solid #a9c13d;
	border-radius : 5px;
	box-shadow : 0px 0px 20px #000000b8;
	position : fixed;
	top : 10%;
	left: 50%;
    transform: translate(-50%, 0);
	z-index : 10000000;
	display : none;
	overflow : hidden;
}
#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 : #a9c13d;
}
#popuptitre{
	padding : 13px 0px 0 0;
	margin-left : 30px;
	border-bottom : 0px solid #a9c13d;
	color : #606e21;
	font-size : 16px;
	font-weight : 700;
	flex : auto;
}
#popuptext{
	margin : 10px 30px;
	padding : 0 0 20px 0;
	text-align : left;
	height : calc(100% - 40px);
	overflow: auto;
    max-height: calc(70vh - 60px);
}
#popupbtn{
	width : 100px;
	margin-left : auto;
	margin-right : auto;
	margin-bottom : 20px;
	display : block;
	position : absolute;
	bottom : 0;
	left : calc(50% - 50px);
}
.nomdossiers{
	font-weight: bold;
    background: #dde2c5;
    padding: 1px 10px;
    width: max-content;
    margin: 15px 0 5px 0;
    color: #33251d;
    border-radius: 15px;
    display: block;
    font-size: 14px;
}

#btn_loca{
	width : 200px;
	display : block;
	margin : 0 auto;
	display : none;
}
#btn_suite_protocole{
	display : block;
	width : 300px;
	height : 60px;
	margin : 20px auto 0 auto;
	line-height : 23px;
}
.labelsp{
	width : 35%;
	padding-top : 0;
}
.labeleffectif{
	padding-top : 0;
}
.champsp{
	width : calc(35% - 32px);
	margin-right : 10px;
}
.champeffectif{
	width : 15%;
}
.champdate, .champespace{
	margin : 5px 0 0 0;
}
.champespace{
	width : 202px;
}
.lignecheckbox{
	margin : 15px 0px 15px 5px;
}
#lignespinconnu{
	margin : 5px 0px 5px 5px;
}
textarea{
	width : calc(100% - 20px);
	height : 60px;
	border : 1px solid #c0c0c0;
	resize: none;
	border-radius : 5px;
	padding : 10px;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
	border: 0;
	background: #abc13a;
	font-weight: normal;
	width: auto;
	display: block;
	color: #ffffff;
}
.ui-menu .ui-menu-item{
	margin : 5px 0;
	font-size : 16px;
}
.ui-menu{
	max-height : 235px;
	overflow : hidden;
}

#dropzonearea{
	width: calc(100% - 16px);
	height: 110px;
	border: 1px solid #c0c0c0;
	margin: 0;
	padding: 4px 8px;
	background : #fff;
	cursor : pointer;
	border-radius : 5px;
	cursor : pointer;
	background : url('../images/ajouter-fichier.png') no-repeat right bottom;
}
#dropzonearea .dz-image {
	width: 80px;
	height: 80px;
	cursor : default;
}

#dropzonearea .dz-details {
	text-align: left;
	padding: 0 0 0 70px;
	padding-top: 10px;
	position : absolute;
	top : 0;
	left : 0;
	width : 70%;
	cursor : default;
}
#dropzonearea .dz-progress {
	background: #e6e6e6;
	height: 2px;
	margin-left: 70px;
	left: 0;
	width: 70%;
	position : absolute;
	top : 35px;
}
#dropzonearea .dz-upload{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background : #b1c340;
}
#dropzonearea .dz-remove {
	position: absolute;
	left: 75px;
	top: 45px;
	font-size: 11px;
	text-decoration: none;
	display: inline;
	color: #b17e7e;
}
#dropzonearea .dz-preview {
	position : relative;
	display: inline-block;
	margin-bottom: 10px;
	margin-right: 55px;
	width: 30%;
	vertical-align : top;
}
#dropzonearea .dz-size{
display : none;
}
#dropzonearea .dz-filename{
	box-sizing: border-box;
	width: 99%;
	align-content: ;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
#dropzonearea .dz-error-mark, #dropzonearea .dz-success-mark{
display : none;
}
#btn_envoyer{
	width: 370px;
	margin: 20px auto;
	display: block;
	height: 55px;
	font-size: 24px;
	display : none;
}

.ok{
	font-size: 25px;
	text-align: center;
	width: max-content;
	border-bottom: 6px solid #c9c9c9;
	margin: 20px auto 40px auto;
	padding: 10px 10px;
}
.ok img{
	vertical-align : text-bottom;
}
.btnok{
	width: 290px;
	margin: 10px auto;
	display: block;
	font-size : 14px;
	font-weight : bold;
	height : auto;
}
.btnok a{
	text-decoration : none;
	color : #fff;
	display : block;
}
#msg_envoiobs{
	text-align: center;
	font-size: 22px;
	display: none;
	background: #e3e8cb;
	border-radius: 3px;
	width: max-content;
	margin: 20px auto;
	padding: 10px 30px;
}
.pictointro{
	width : 120px;
	text-align : center;
	font-weight : bold;
	border : 1px solid #fff;
	border-radius : 5px;
	padding : 5px;
	display : inline-block;
	margin : 0 10px;
	color : #444444;
	cursor : pointer;
	background : #e2e7cab5;
}
.pictointro:hover{
	border : 1px solid #828f38;
}
.pictointro img{
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 0px;
}
#pictosintro{
	border-bottom : 5px solid #abc13a;
	padding-top : 5px;
	padding-bottom : 20px;
	margin-top : 30px;
	padding : 10px 0 40px 0;
}
#pictosintro b{
	display : block;
	margin-bottom : 10px;
}
.lignesaisie{
	flex-wrap: wrap;
}
#ligne-docs, #ligne-info-protocole{
	width: 460px;
	background: #90bdd7;
	padding: 10px 20px;
	text-align: center;
	border-radius: 3px;
	font-weight: bold;
	margin: 15px auto;
	cursor : pointer;
	color : #fff;
}
#ligne-docs:hover, #ligne-info-protocole:hover{
	background : #6794af;
}
#ligne-info-protocole{
	background : #d75252;
}
#ligne-info-protocole:hover{
	background : #a71f1f;
}
#ligne-docs:not, #ligne-info-protocole:not{
  flex: 1;
}
#ligne-protocole{
	width : 100%;
	background : transparent;
}
#ligne-info-protocole{
	margin : 0 auto;
	width : 260px;
}
.liendocs{
	text-decoration : none;
	font-size : 13px;
	color : #666666;
	display : block;
	margin-bottom : 5px;
	margin-left : 15px;
}
.liendocs:hover{
	color : #000;
}
.liendocs img{
	vertical-align: text-top;
	margin-right: 5px;
}
.i-infos{
	display: inline-block;
	border: 4px solid #fff;
	border-radius: 50%;
	width: 26px;
	height: 26px;
	font-size: 20px;
	font-weight: bold;
	margin-right: 10px;
}
.imgsprotocoles{
	display : flex;
	flex-wrap : wrap;
}
.imgprotocole{
	display : block;
	width : auto;
	height : auto;
	margin : 10px auto;
}
.imgescargot, .imgpapillon{
	width : 20%;
	min-width : 220px;
}
.imgspipoll{
	width : 16%;
	min-width : 220px;
}
.imgoiseau{
	width : 25%;
	min-width : 220px;
}
.imgprotocole img{
	width : 100%;
	height : auto;
}
#ligne-logo-protocole{
	text-align : center;
	margin-bottom : 20px;
}
.retourtb{
	display : none;
}
#passoubli{
	width : max-content;
	margin : 0 auto 0 auto;
	padding : 5px;
	font-size : 14px;
	cursor : pointer;
	color : #758527;
}
#passoubli:hover{
	color : #000;
}
.leaflet-tooltip.communes {
  background-color: #fff;
  border: transparent;
  box-shadow: none;
  font-size: 9px;
  padding : 2px 5px 2px 5px;
  text-align : center;
  }
#btn_gps{
	display : none;
}
#msg_gps{
	display : none;
}
.ici{
	background: #8e9f33;
    padding: 0px 7px;
    border-radius: 3px;
    cursor: pointer;
    font-weight: bold;
	color : #fff;
}
.ici:hover{
	background : #59641e;
}
p a{
	color : #8e9f33;
}
p a:hover{
	color : #59641e;
}

#intro{
	display : flex;
}
#intro_c1{
	width : calc(100% - 380px);
}
#intro_c2{
	width : 350px;
	background : #e4e7cfb0;
	margin-left : 30px;
	box-sizing : border-box;
	padding : 0 0 10px 0;
}

#ar_txt{
	padding : 0 15px;
}
.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 : 30px;
	font-weight : bold;
	margin-top : 5px;
}
.ar_titre{
	font-style: italic;
    color: #fff;
    font-weight: bold;
	background : #abc13a;
	padding : 3px 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;
}
#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{
	width : 100%;
	height : 100%;
	position : fixed;
	top : 0;
	left : 0;
	background : #ffffffc4;
	z-index : 100005;
	display: flex;
	justify-content: center;
	display : none;
}
#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;
}