@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

.montserrat-<uniquifier> {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

#page {
  --e-global-color-primary:#5095b6;
  --e-global-color-secondary:#006F6A;
  --e-global-color-text:#000;
  --e-global-color-accent:#CE1A66;
  --e-global-typography-primary-font-family:"Montserrat";
  --e-global-typography-primary-font-weight:600;
  --e-global-typography-secondary-font-family:"Montserrat";
  --e-global-typography-secondary-font-weight:400;
  --e-global-typography-text-font-family:"Montserrat";
  --e-global-typography-text-font-weight:400;
  --e-global-typography-accent-font-family:"Montserrat";
  --e-global-typography-accent-font-weight:500;
  color:var( --e-global-color-text );
  font-family:"Montserrat", Sans-serif;
}

html, body {height: 100%; font-family: sans-serif;  -ms-text-size-adjust: 100%;  -webkit-text-size-adjust: 100%;}
body {min-height:100%; padding:0; margin:0; font-family: 'Roboto', Arial, sans-serif; font-weight: 300; line-height: 1.3; height: auto; /*position: relative;*/}

#conteneur{min-height:100%; width:100%;}
.container {max-width: 1320px; width:100%;margin: 0 auto}
.page-int > .container {width: 1140px; border-top:2px solid rgba(251,196,70,1)}
img{border:0; max-width:100%;} #map{ max-width:100% ;} 

.width100pc{width:100%;} .invisible{display:none;}

a, p, td, li{ color:#000000; }
h1{ font-size:240%; font-weight:400; text-transform: uppercase; margin:1.2em 0 .8em 0; }
h2, .h2{ font-size:180%; font-weight:700; color:#5095B6;margin:1em 0 .8em 0;}
h3, .h3{ font-size:140%; font-weight:800; color:#5095B6; margin:.8em 0 .6em 0;}
h4, .h4{ font-size:120%; ; margin:.6em 0 .4em 0; }
b, strong{ font-weight:700}
.legende{ font-size:90% ; font-style: italic; color:#555555; font-weight: 300;}
.image_ombree img{box-shadow:0px 0px 5px #545454; -moz-box-shadow:0px 0px 5px #545454; -webkit-box-shadow:0px 0px 5px #545454; }.legende{ font-size:10px; color:#666666; margin-top:2px; }
.image_ombree{ width:auto; }
ul.enligne, #nuagedetags ul{margin:0; padding:0; list-style-type:none; }
ul.enligne li{ list-style-type:none; margin:0; padding:0; display:inline; }

/*Header*/
header{ width:100%;  position:relative; float:left ; z-index:110}
.top-line{ width:100%; float:left ; padding:10px 20px; text-align: right; display:flex; justify-content: space-between; /*! align-items: center; */ border-bottom:2px solid #000 }
.user{ display: inline-block}
.user a{ color:#000; text-decoration: none; display:block}
#logo{ background: #ffffff; padding:10px 20px;position:relative; z-index:20; float:left;}
#logo img{ width:270px}

.bloc-top{ float: right; text-align:right; /*padding-right:150px;*/}
#controle-menu{ display: inline-block}

.bloc-nav, .bloc-top {display: flex;align-items: center;}
.bloc-nav #menuH, .user {text-align: center;}


/* MENU HAUT */ 
#menuH{ margin:0 auto; display:inline-block;  width:100%; float:right}
nav dl, nav dt, nav dd, nav ul, nav li{ margin:0; padding:0; list-style-type: none;}
nav dl { position:relative; display:inline-block;  }
nav dl dt a{display:block; font-size:135%; color:#5095b6; padding:6px 12px;text-decoration:none; font-weight:400; }
nav dl dt a:hover, nav dl.menu0active dt a{ text-decoration:none; color:#5095B6; background:#fff }
/*survol*/
nav dd{ position:absolute; height:0px; overflow:hidden; opacity:0; z-index:200; top:100%;  
left:0; background-color:#ffffff; padding:12px 0; min-width:100%; text-align:left }
nav dl:hover dd{ height:auto; opacity:1; overflow:visible; display:block !important}
nav dd a{color:#000; display:block; padding:6px 12px; font-size:110%; text-decoration:none; text-transform: none;  }
nav dd a:hover{ text-decoration:none; color:var( --e-global-color-primary ); }


#z-centrale td{ padding:3px 6px !important;}
#z-centrale td p{ margin:.5rem 0}

.full-width{width: 100vw; max-width:100vw; position: relative;  left: 50%;  right: 50%;  margin-left: -50vw;  margin-right: -50vw;}
.full-width.gris{ background:var( --e-global-color-primary ); margin-top:15px; margin-bottom:15px; padding-top:15px; padding-bottom:15px; display: inline-block;}
.full-width.orange{position: relative; overflow: hidden; padding-top:10px; padding-bottom:50px; margin-bottom:15px; 
background: var( --e-global-color-primary );}
.full-width.col-full.orange{ padding-bottom:15px; }
.full-width.col-full.orange::after{ display: none}
.full-width.orange *{ color:#ffffff}

.full-width.orange form .affichageForm *{ color:#666666}
.full-width.orange form .affichageForm label{ color:#fff}

/* diaporama */
#diaporama{ position:relative; width:100%; float:left;  }
.diaporama{ position:relative; overflow:hidden; width:100%; float:left; height: 50vh; min-height:380px;border-radius:0 0 6% 6%;
  border-bottom: 2px solid #000;  }
.bis_image{position:absolute; z-index:200; top:0px; left:0; width:100%; height:100%; text-align:center; z-index:14;
  background-repeat:no-repeat; background-position:center center; background-size:cover;background-color: #000000}
#bis_container{ position:absolute; bottom:0; right:0; left:0; top:0;  text-align:center; }
#bis_caption{ position:absolute; bottom:35%; left:90px; right:90px }
.bis_title{ color:#fff; font-size:260%; text-shadow: 0 1px 4px rgba(0,0,0,0.9); margin:0; font-weight: 700  }
.bis_title a, #firstline, #secondline{ color:#fff;}
#firstline, #secondline{ font-size:140%; text-shadow: 0 0 8px rgba(0,0,0,1); text-transform:uppercase;
text-shadow: 2px 0 0 rgba(0,0,0,.3), -2px 0 0 rgba(0,0,0,.3), 0 2px 0 rgba(0,0,0,.3), 0 -2px 0 rgba(0,0,0,.3), 1px 1px 0 rgba(0,0,0,.3), -1px -1px 0 rgba(0,0,0,.3), 1px -1px 0 rgba(0,0,0,.3), -1px 1px 0 rgba(0,0,0,.3), 1px 1px 5px rgba(0,0,0,.3); }
/*puces*/
#bis_position{ text-align:center; z-index:20; position:absolute; bottom:5%; left:60px; right:60px}
*+html .thumbNav li, *+html .thumbNav a{float:left; display:block;}
ul.thumbNav{padding:0; margin:0; list-style-type:none; text-align:center}
.thumbNav a{cursor:pointer; border:1px solid #ffffff; border-radius:10px; -webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,0.2);
box-shadow: 0 0 3px 1px rgba(0,0,0,0.2); overflow:hidden; text-indent:-1000px;  color:transparent; width:14px; height:14px; line-height:14px; display:block; margin:4px;}
.jFlowSelected, .thumbNav a:hover, .thumbNav a.cur{ background:#ffffff; }
.thumbNav li{list-style-type:none; padding:0; display:inline-block}
/*fleches*/
#bis_nav{ display: none}
#bis_next, #bis_back{width:48px; height:48px; font-weight:700; font-size:140%;
  top:50%; position:absolute; z-index:2; cursor:pointer; opacity:1;  text-align:center;}
#bis_next{ right:30px}
#bis_next:before{ content: url(/charte/right.png); color:#fff; width:40px; height:40px;  }
#bis_back{left:30px; }
#bis_back:before{ content: url(/charte/left.png); color:#fff; width:40px; height:40px;  }
#bis_next:hover, #bis_back:hover{opacity:0.8;}

#tableau_communes {display: flex;width: 102%; margin-left:-1%;flex-direction: row;flex-wrap: wrap;align-items: stretch; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }
.commune-cimetiere{position: relative;overflow: hidden; text-align:center; margin: 10px 1% 10px 1%;width: 31.33%;display: flex;flex-direction: column;flex-wrap: wrap;align-items: stretch;}
.commune-cimetiere a{ background:var( --e-global-color-primary ); color:#ffffff; text-decoration:none; padding:10px 15px; display:block;font-size:140%; text-align:center; border-radius:12px}
.commune-cimetiere a:hover, .commune-cimetiere:hover a{ background:#1f1f1f; }




.block_content.objectif {display: flex; flex-direction: row;flex-wrap: wrap;align-items: stretch; text-align: center; }
.block_content.bloc-object{position: relative;overflow: hidden; text-align:center; 
width: 20%!important;display: flex;flex-direction: column;flex-wrap: wrap;align-items: stretch; padding:5px !important;  margin-bottom:10px !important;}
.webregistre .block_content.objectif{align-items: center; align-content: center; justify-content: center }
.webregistre .block_content.bloc-object{ width: auto !important; max-width:240px}
.block_content.bloc-object::after{ content:" "; width:30px; height:2px; background:#fbc446; margin:0 auto; position:absolute; bottom:0; left: 0; right:0}
.block_content.bloc-object p{ margin:0}
.block_content.bloc-object img{ margin:10px}

.Carte_affichage{ background:#c4c4c4}
.Carte_affichage table{ width:100%; padding:10px; text-align:center}
.Carte_affichage table input[type=Submit]{ background: #545454; border:none; padding:5px 15px; cursor: pointer; margin:5px; color:#ffffff}

/*Footer*/
footer{ width:100%; float:left ; padding:30px 30px; text-align: center; display:flex; justify-content: space-around; align-items: center; background: #000; color:#ffffff}
footer a{position:relative; color:#fff; text-decoration: none; padding:10px}

.footer-logo img{ width:240px}
/*Bouton retour haut de page*/
#btn-up{ display:none; background: #333333 url("/charte/retour-haut.png") center 6px no-repeat; box-shadow: 2px 3px 7px #323232; color: white;
 cursor: pointer; font-size: 60%; padding: 30px 5px 5px 5px; position: fixed; right: 0; text-align: center; bottom:55px;
 width: 60px; z-index: 501; }

/*- zone centrale -*/
main{height:auto; margin: 0 auto;  width:100%; float:left; padding-bottom:30px;padding-top:0; min-height:64vh; overflow:hidden;}
.page-accueil main .container{ padding-top:30px; padding-bottom:30px;}


#bandeau{ float:left; position:relative; left:0; top:0;}
.bandeau{ width:100%; height:160px; position:relative; z-index:10; background:url(/charte/ange2.jpg) right top no-repeat; }

/*Colonne Gauche*/
.colG{width:20%; float:left; padding:1%;}

/* MENU LATERAL */
.menuLat{ width: 100%;float: left;}
.haut_menuLat, .bas_menuLat{display:none}
.menuLat ul{ margin: 0; padding: 0; list-style-type: none;width: 100%;position: relative;float: left; background: #000;color:#ffffff; text-align:center; }
.menuLat li { margin: 0; padding: 0; list-style-type: none; display: inline-block;
position: relative;float:none;  color:#ffffff}
.menuLat a{ text-decoration:none; display:block;}

.menuG-2 a, .menuGactive-2 a{ padding:10px 15px; color:#fff; border-bottom:1px dotted #ffffff; border-radius:10px}
.menuGactive-2 a, .menuG-2 a:hover{background-color:  var( --e-global-color-secondary )}

/* FIL D'ARIANE */
.lien_yahoo, .lien_yahoo a, #div_lien_yahoo, #div_lien_yahoo {text-decoration:none; line-height:20px; font-size:85%; color:#999; margin:auto 5px; }
#div_lien_yahoo{width:100%; float:left; text-align:center; display:none}


/*--- Detail defunt ---*/
#LiensReseaux li, #LiensReseaux ul{list-style-type:none; margin:0; padding:0}
#LiensReseaux li a, span.imprime_qrcode a, .image_qrcode{ text-decoration: none; width:100%; float:left ; text-align: center; display:flex; align-items: center;}
#LiensReseaux li a img, .image_qrcode img{margin-right:10px}
span.imprime_defunt a{padding:22px 0 22px 58px; background:url(/charte/print_big.png) no-repeat left top;width:100%; float:left ; }
span.imprime_defunt a, span.imprime_defunt_pdf a, span.imprime_qrcode a, .image_qrcode a{text-decoration:none;}
span.imprime_defunt_pdf a{padding:22px 0 22px 58px; background:url(/charte/pdf_big.png) no-repeat left top;width:100%; float:left ; }
.image_qrcode_print, #liens_reseaux_bt{display:none;}

.demonination{font-weight:bold; font-size:16px;}
.date_defunt{color:#666; margin-top:5px;}
.emplacement_defunt{font-weight:bold; width:80%; float:left;}
.emplacement_defunt a{font-weight:bold; color:f29708; }
.Qrcode_defunt{ width:20%; float:left;}
.retourplan, .retourliste{ float: right}

/* plan cimetieres */
#Popup{ top:auto; right:auto; bottom:auto; left:auto}
.voir-plan{ width:100%; float:left; text-align:center}
.plan-nom{ font-weight:700; font-size:180%; color:#5095b6;margin:1em 0 .8em 0;}
.plan-map{width:100%; float:left;overflow-y:auto; background:#aaa; border:1px solid #999; min-height:300px}
#Cartographie_carte{ width:100%; float:left; }
#EmplacementFormItineraire{width:100% !important; float:left; text-align: center; padding:10px; background:#000; border:1px solid #000000; }
#EmplacementFormItineraire input{ padding:5px 10px}
#saddr{ min-width:200px; border:1px solid #fff}
#EmplacementFormItineraire input[type=submit]{background:#5095b6; border-color:#5095b6; color:#fff; font-weight:700; cursor: pointer}
#EmplacementFormItineraire input[type=submit]:hover{background:#ccc; border-color:#ccc; color:#000000; }

/*Espace pro*/
#bloc_droit .cnx_esp_pro{width:100%; clear:both; text-align:center;}
#bloc_droit .cnx_esp_pro #Div_contenu{margin:auto; text-align:center;}
#connexion_espace_pro{ width:100%; float:left; }
.connexion_titre{font-weight:bold;}

.lien_inscription a, input.bouton{ background:#999; padding:2px 10px; text-decoration:none; margin:5px 0 0 0;  float:left; color:#fff; font-weight:bold; font-size:12px !important;
-moz-border-radius: 6px; -webkit-border-radius: 6px;border-radius: 6px;}

/*Bouton se deconnect  */
.info_connexion a{background:#999; padding:2px 10px; text-decoration:none; color:#fff; font-weight:bold; font-size:12px !important;-moz-border-radius: 6px; -webkit-border-radius: 6px;border-radius: 6px;}

#se-connecter{background: none repeat scroll 0 0 #65525F; border-radius: 6px 6px 6px 6px; color: #FFFFFF;font-size: 12px !important; font-weight: bold;  margin: 5px 0 0;padding: 2px 10px; text-decoration: none; text-align:center;}
.information_defunt,.situer_defunt{ width:100%; float:left; margin:15px 0}

/*Demande de travaux*/
#Travaux{clear:both; margin-top : 10px;}
#demande-travaux{background: none repeat scroll 0 0 #65525F; border-radius: 6px 6px 6px 6px; color: #FFFFFF;font-size: 12px !important; font-weight: bold;  margin: 5px 0 0;padding: 2px 10px; text-decoration: none; text-align:center;}

/*bloc Defunt + autres defunts */
.information_bloc_gauche{float:left;}
.autre_defunt{margin-left:5px;}
.plan_cimetiere_detail{margin-top:5px;}

/*Liste printer*/

#print_emp_concession{display:none;}
.date_document{display:none;}

.rech-defunt{ width: 100%; float:left}
.rech-defunt input{ margin:5px}
.rech-defunt input[type=submit]{background:#5095b6; border-color:#5095b6; color:#fff; font-weight:700; cursor: pointer; border:none; padding:4px 12px}
.rech-defunt input[type=submit]:hover{background:#ccc; border-color:#ccc; color:#000000; }

#autocompleteForm{ position:relative; width:100%; float:left; margin:15px 0}
.ui-autocomplete-input{position:relative; display:inline-block; height: auto;border-radius: 10px;border: 1px solid #c2c2c2;padding: 10px;}
.ui-autocomplete {position: absolute;top: 0;left: 0;z-index: 1000;line-height: normal;display: none;min-width: 160px; 
padding: 4px 0;float: left;list-style: none;background-color: #ffffff;border-color: #ccc;border-color: rgba(0, 0, 0, 0.2);
border-style: solid;border-width: 1px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-webkit-background-clip: padding-box;-moz-background-clip: padding;background-clip: padding-box;*border-right-width: 2px;
*border-bottom-width: 2px;	overflow-y: auto; transform: translate(0, 21px);}
.ui-menu-item > a.ui-corner-all {display: block;padding: 3px 10px;clear: both;font-weight: normal;color: #222222;white-space: nowrap;text-decoration: none;}

.ui-state-hover, .ui-state-active {color: #ffffff;text-decoration: none;background-color: #5095b6;border-radius: 0px;-webkit-border-radius: 0px;-moz-border-radius: 0px;background-image: none;}

.ui-menu {list-style: none;display: block;outline: none;}

.CimetierePages{margin:20px 0;}
.btn-action,.btn-actionBattue{display:flex;justify-content:space-between;margin-bottom:30px;}
.btn-lots{display:flex;justify-content:space-between;align-items: flex-start;}
.btn-action{flex-direction: column;}
.btn-action-traite{justify-content: center;}
.btn-action-enregistrer{text-align: center;}
.btn-battue{display:flex;align-items:flex-start;}
.btn-battue a{background-color:#ffc400;padding:10px 15px;border-radius:10px;text-decoration:none;font-weight:700}
.btn-battue a:hover{background-color:#000;color:#ffc400}
.btn-action-battue{margin-right:15px;}
.no-battue{background-color:#faebd7;padding:50px;border-radius:10px}
.no-battue p{font-weight:bold;}


#tableau_battue{ width:100%; margin-bottom:20px;  padding:0}
#tableau_battue table{ width:100%; padding:0 !important; margin:0 !important; border:2px solid #5095b6; border-collapse:collapse}
#tableau_battue table tbody{ width:100%; padding:0; border-radius:12px;}
.title_battue, .title_battue:hover{ background-color:#5095b6; text-align:center; }
.title_battue table td{ text-align:center;  padding:6px !important;}

td.date_pass{text-decoration: line-through;}
.TitreColTableau, .title_battue{ font-weight:bold; color:#fff;}

.autres_defunts{ margin-top:10px;}
.titre_autres_defunts{ color:#927686; font-weight:bold; text-transform:uppercase; margin-bottom:6px;}

/*A ne pas toucher*/
#Concession{ border:1px solid #E10000; padding:5px; margin-top:10px; background-color: #E10000; color:#fff;}
#Renseignement{ border:1px solid #1BB700; padding:5px; margin-top:10px; background-color: #E10000; color:#fff; }
#Procedure{ border:2px solid #3cf4e9; padding:5px; margin-top:10px;  color:#000;}
#Concession a, #Renseignement a{ color:#fff; }
#Concession a:hover, #Renseignement a:hover{ color:#ccc; }


/*Boutons*/
#bouton-webcim{ vertical-align:middle;}
#bouton-webcim span{display:inline-block;
  padding:0px;  color:#ffffff;  background-image:url(/images/bouton-webcim.gif);
  background-position:0 0;  background-repeat:no-repeat;  height:25px;  padding-left:12px; 
  white-space:nowrap; }
#bouton-webcim:hover span{background-position:0 -25px;}
#bouton-webcim:hover{background-position:100% -25px;}


.carte_detail, .carte_mini{ width:70%; float:left; text-align:center;}

.pagination li, .pagination li a{ border-radius:50%; background-color: #5095b6;}
.pagination li:hover, .pagination li:hover a, .pagination li.active{background-color: #fbc446;}

form .affichageForm > select, form .affichageForm .select-banque select, select{ border:1px solid #5095b6; border-radius:6px; padding:10px;}

.plan-survol{width:100%; float:left; font-size:140%; text-decoration: none !important; padding:15px}
.plan-survol a{ text-decoration: none !important; padding:10px 0}
.plan-numero-emplacement{ display:block; width:100%; float:left; font-weight:bold; font-size:130%; padding:10px 0; text-align:center}
.plan-image-tombe{ float:right; width:50%; padding:10px}
#overDiv > table{ width:420px !important; display:flex}
.defunt-survol{ margin:5px 0; display: block; position: relative}
.defunt-survol::before{ content:"- "}
.plan-liste-defunts br{ display:none}
.englobe_myZoom{ margin:10px 0}

#tableau_battue a button{padding:8px 15px;border-radius:12px;margin:5px 0;width:-webkit-fill-available;width:-moz-available;}

a button, 
a.btn, 
button, 
input[type="submit"], 
input[type="button"], 
input[type="reset"], 
.form_chasse input[type="submit"] {background-color:#313131 ; color:#ffffff; padding:10px 20px; border-radius:10px; border:1px solid #313131; cursor: pointer; margin:10px 0; font-weight:700; text-decoration: none}

a button:hover, 
a.btn:hover, 
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover{background-color:#5095b6; color:#ffffff; border:1px solid #313131;}

.BoutonCim button{ background-color:#313131 ; background-position: 6px center; background-repeat: no-repeat; color:#ffffff; padding:12px 20px 8px 40px; border-radius:16px; border:1px solid #313131; cursor: pointer; font-weight:700}
.BoutonCim button:hover{ background-color:#5095b6; border:1px solid #313131;}
.BoutonCim.VoirDefunts button{background-image:url(/charte/voir-defunt.png) }
.BoutonCim.VoirIllustres button{background-image:url(/charte/voir-illustre.png) }
.BoutonCim.VoirCimetiere button{background-image:url(/charte/voir-cim.png) }

.form-content{ width:100%; float:left; margin:10px 0; text-align:center}
.form-text{width:100%; float:left; font-weight:900; font-size:110%}
.form-user-link button{ font-size:110%; border:3px solid #5095b6}
.form-user-link button:hover{ font-size:110%; border:3px solid #000}

.info-defunt{ width:100%; float:left; padding:15px; border:1px solid #000000; margin:10px 0}
.biographie{ width:100%; float:left; padding:15px; background:#dddddd; margin:10px 0}
.info-defunt > div{ margin:10px 0}
.info-defunt .text{ font-weight:700; margin:0 5px}
.nom-defunt .text{ font-size:120%}

.photo_emplacement_defunt{width:100%; float:left; margin:15px 0}
.DateDefuntPhoto{width:100%; float:left; text-align:center; font-style:italic}

.autres_defunts{width:100%; float:left; margin:15px 0}
.tab_o_defunts {border: 1px solid black; width:100%; float:left}
.tab_o_defunts > tbody {max-height:300px; overflow-y: auto; width:100%; float:left}
.tab_o_defunts a{ text-decoration: none}
.tab_o_defunts tr{ width:100% !important; }
.tab_o_defunts tr div{ float:left}
.tab_o_defunts td{ padding:3px !important; border-bottom:1px dotted #999}
.tab_o_defunts .nom-autre span{ font-weight:700}
.tab_o_defunts span { margin:0 5px}
.tab_o_defunts .date-autre{ font-style:italic}

.carte-place{ width:100%; float:left; margin-top:15px; background:#aaa; border:1px solid #999; text-align: center }
#commandes{ width:100%; float:left; padding:5px }
#commandes button{ padding:4px 12px; cursor:pointer; background:#eee; border:1px solid #eee; font-size:110%}
#commandes button:hover{background: #5095b6}

/* CSS Leaflet */
.leaflet-marker-icon {width: 34px; height: 34px; font-weight: bold; line-height: 54px;  font-size: 18px; text-align:center;text-shadow: -1px 0 0 #ffffff, 1px 0 0 #ffffff, 0 -1px 0 #ffffff, 0 1px 0 #ffffff;background-repeat:no-repeat; background-position: center top}
.leaflet-marker-icon.leaflet-div-text.leaflet-marker-draggable {width: auto !important;}
.leaflet-popup-content-wrapper, .leaflet-popup-tip{width:max-content !important; min-width:160px; max-width: 800px;}
.leaflet-popup-content{width: auto !important;}
.titre-b{ min-width:228px; float:left; font-weight:bold; font-size:105%; line-height:120%}
.titre-b img{ width:28px; float:left; margin: 5px 5px 5px 0}
.leaflet-pane a.plus-info { position: relative;  left: auto; bottom: auto; float:left; clear:left; font-size: 105%;}
.leaflet-pane .CartoFavoris{ float:right}
.leaflet-pane .CartoFavoris .miseaupanier { position: relative; bottom: auto;  right: auto;}

#map.leaflet-container{ width:100%; height:80vh}
/* .leaflet-container a{ color:#000000 !important; text-decoration: none} */
#map .plan-image-tombe{ width:50%; padding:5px}
#map .leaflet-popup-content-wrapper{ min-width:260px}
#map .leaflet-popup-content { margin: 10px 10px;}

.bloc-tab{ width:100%; float:left; margin:5px 0 15px 0 }
.ligne-tab{ width:100%; float:left; border-bottom:1px solid #000; margin:5px 0 ; display:flex; justify-content: space-between; align-content: space-around}
.cell-tab{ padding:6px; min-width: 33%}
.bloc-tab h2{ width:100%; float:left}

.table-total{ margin:15px 0 ; width:100%; float:left; text-align:center}

#tableau_communes_az{ width:100%; float:left; margin:10px 0; padding:10px; text-align:center; border-bottom:1px dashed}
#tableau_communes_az span { display:inline-block; margin:2px}
#tableau_communes_az a {border-radius: 10px; background: var( --e-global-color-accent );  color:#ffffff;  font-weight: 700; width:38px; height:38px; line-height:38px; display:block; text-decoration:none}
#tableau_communes_az a:hover, #tableau_communes_az .lettreactive a{ background: #000000;}
#tableau_communes_az .lettrecommunetous a{ font-size:80%}


/* FORMULAIRE */
.page-int form .affichageForm, .page-int form .affichageForm textarea{ font-size:110% }

.contact-form #ElementForm_1298 .GroupRadio {display: flex;flex-direction: column;}
.contact-form input[type="checkbox"]{border:1px solid #000000 !important; color:#000000 !important; width:14px; height:14px; background:#fff}

@media (min-width: 760px){ 
 
  #ElementForm_1, #ElementForm_4, #ElementForm_7, #ElementForm_1253, #ElementForm_1255, #ElementForm_1258,#ElementForm_1223, #ElementForm_1225, #ElementForm_1228, #ElementForm_1209, #ElementForm_1211, #ElementForm_1214, #ElementForm_1270, #ElementForm_1262{ width:49.5%}
  #ElementForm_72, #ElementForm_5, #ElementForm_8, #ElementForm_1263, #ElementForm_1256, #ElementForm_1260,#ElementForm_1233, #ElementForm_1226, #ElementForm_1230, #ElementForm_1219, #ElementForm_1212, #ElementForm_1215{ width:49.5%; float:right}
  
  .cell-tab{ padding:6px; min-width: 25%;}
  .cell-tab.nom-tab{ min-width: 45%;}
}

#ElementForm_1238 {display: none;}
#ElementForm_1242 label,#ElementForm_1243 label {text-align: left;}
#ElementForm_1223, #ElementForm_1224, #ElementForm_1272 {visibility: hidden;}

  /* imprimer plan chasse - formulaire */
#FormIllico50 form #ElementForm_1271, #ElementForm_878 {display: flex; align-items: center;}
#FormIllico50 form #ElementForm_1271 label, #FormIllico50 form #ElementForm_1290 label, #FormIllico50 form #ElementForm_1291 label, #FormIllico50 form #ElementForm_1292 label, #FormIllico50 form #ElementForm_1293 label, form .affichageForm#ElementForm_878 label{margin-bottom: 0}
#FormIllico50 form #ElementForm_1297 .Form_titre{font-size: 80%;border: none;color: #111;font-weight: 500;}


/*onglets*/
.fiche_webcim_onglets{float:left; width:100%; color:#ffffff; text-align:center; margin-top:10px; }
.fiche_webcim_onglets li a{color:#fff; text-decoration:none; display:block;  padding:0;padding:8px 10px }
.fiche_webcim_onglets ul{margin:0; padding:0; list-style-type:none;}
.fiche_webcim_onglets li{ list-style-type:none; margin:0; padding:0; display:inline; float:left;  
 border:1px solid #000; border-bottom:none; border-radius:10px 10px 0 0; background-color:#555;}
.fiche_webcim_onglets li.courant, .fiche_webcim_onglets li:hover{background-color:#EE8700; }
.fiche_webcim_onglets li.courant a, .fiche_webcim_onglets li:hover a{ color:#ffffff}
/* contenu bloc onglets */
.contenu_onglet{float:left; width:100%; border:1px solid #000;margin-top:-1px;  margin-bottom:15px; background:#EDEDED; padding:20px;
border-radius:0 0 10px 10px;}

/*plan du site*/
main .PLAN0 a, main .PLAN1 a, main .PLAN2 a, main .PLAN3 a{text-decoration:none !important}
main .PLAN0{list-style-type:none;  padding:.3em 0 .2em 0}
main .PLAN0 a{ font-size:170%; color:#000; font-weight:700;}
main .PLAN0 a::before{ content:"# "; color:var( --e-global-color-primary )}
main .PLAN1{list-style-type:none;  padding:.4em 0 .2em 0}
main .PLAN1, main .PLAN1 a{color:var( --e-global-color-primary ); }
main .PLAN1 a{font-size:1.3em; color: var( --e-global-color-primary );  }
main .PLAN2{list-style-type:disc; font-weight: normal; padding:.3em 0}
main .PLAN2 a{color:#333333 !important; font-size:1em}
main .PLAN3{ font-size:.9em; }
main .PLAN3 a{font-weight:normal; color:#333333;}
main .PLAN4{list-style-type:disc; color:#CFDDEB; }
main .PLAN4 a{color:#333333;  font-size:0.9em;}

#gt_float_wrapper{ top:0 !important}


/*Personnalisation des boutons, carte des parcelles admin - 30/09/2022*/
#Cartographie_carte button {background-color: #5095b6;  border: none;  padding: 10px;  border-radius: 10px;  color: #fff;
  font-weight: 600;  font-size: 15px;  margin: 5px 0;}
#Cartographie_carte button:hover {background-color: #202020;  color: #ffffff;  cursor:pointer; }
#Cartographie_carte #valideModif {background-color: #6EA35B;  color: #fff;  border: none; display:block; width:100%;
  padding: 15px;  border-radius: 10px;  font-weight: 600;  font-size: 15px; margin:0}
#Cartographie_carte #valideModif:hover {background-color: #202020;  color: #ffffff; }
.validation_button{display: inline-block;}

.carto_parcelles_buttons {width: 25%;  text-align: center;  padding: 10px;  background-color: #EDEDED;  min-height: 100vh;}

#mapid {width: 75%;  height: 100vh;}

.lasso, .parcelles_buttons, .validation_button{background-color: #fff;  padding: 5px 10px;  border-radius: 15px;  margin: 5px; display: block}
.validation_button{padding:10px}


.lasso-control a span {display: inline-block;  width: 24px;  height: 24px;  margin: 3px;  background-image: url("/charte/lasso-off.svg");
background-repeat: no-repeat;  background-position: center; background-size: 24px 24px}
.lasso-control.active a span { background-image: url("/charte/lasso-on.svg");}

.carto_parcelles_buttons h1{font-size: 150%; border-radius: 15px; padding: 15px;margin: .4em 0 .4em 0;}
.autres_parcelles{padding: 5px; border: 3px solid #202020; border-radius: 15px; margin: 5px}
.autres_parcelles a{background-color: #EB7600; color: #fff; margin: 5px; border-radius: 8px; padding: 10px; text-decoration: none !important; display: block; font-weight: 600; }
.autres_parcelles a:hover{background-color: #202020; color: #fff;}
.autres_parcelles .parcelle_retour_param{ background-color: #202020; color: #fff; font-weight: 500; display: block}
.autres_parcelles .parcelle_retour_param:hover{background-color: #EB7600;}

.edit_autre_parcelles{display:flex;flex-wrap:wrap;justify-content:flex-end;width:62%;}
.btn-lots .edit_autre_parcelles{width: 85%;}
.edit_autre_parcelles a{background-color: #EB7600; color: #fff; margin: 0 5px 5px; border-radius: 8px; padding: 10px; text-decoration: none !important; font-weight: 600; float: right;}
.edit_autre_parcelles a:hover{background-color: #202020; color: #fff;}
.actif a{background-color: red !important;}

#mapid.MapNumero{ min-height:360px}

@media screen and (max-width: 900px) {
  #Cartographie_carte{display: block;  }
  .carto_parcelles_buttons{width: 100%; height: auto;  }
 #mapid{ width: 100%;  height: 65vh !important;  }
  .lasso, .parcelles_buttons, .validation_button{padding:3px; text-align:center}
  #Cartographie_carte button{ margin:5px}
  #Cartographie_carte #valideModif{ margin:5px; width:auto; display: inline-block}
  .autres_parcelles .parcelle_retour_param, .autres_parcelles a{ display:inline-block}
}


table{ width: 100%; margin:15px 0;border: 1px solid #303030;}
table th{ background: #303030; color:#ffffff; padding:10px 5px;  position: sticky;  top: 0;}
table th a{color:#ffffff; text-decoration: none}
table th a:hover{text-decoration: underline}
table td{padding:10px 5px; border: 1px solid #303030; }
table ul{ margin:0}
table input, table select{ margin:2px}

.style_tab1:hover, .style_tab2:hover{ background:#dddddd}
.style_tab1 td, .style_tab2 td, #tableau_bsm .style_tab1 td, #tableau_bsm .style_tab2 td{text-align:center; padding:6px !important;border:1px solid #e71d73}
.style_tab1 a, .style_tab2 a{ text-decoration:none; color:#000; font-weight:bold; }
.style_tab1 a:hover, .style_tab2 a:hover{ color:#e71d73;}

.parcelles-table{ border:1px solid #000; width:100%; padding:0; border-collapse: collapse;}
.parcelles-table th, .parcelles-table td{border: 1px solid black;  padding: 10px;}

.tableausuivi > thead{z-index: 3; position: relative}

.EtapesSuivi{ width: 100%; float:left; }
.EtapesSuivi h2{ margin: 1em 0 .3em 0; width: 100%; float:left;}
.EtapeRealisee{ width: 100%; float:left;padding:15px; background: #b7eca057; margin:10px 0}
.EtapeAValider{ width: 100%; float:left;padding:15px; background: #f4d4a391; margin:10px 0}
.EtapesSuivi input[type="submit"]{ cursor:pointer;
margin:2px; display: inline-block; background-color:#5095b6 ; color:#ffffff; padding:10px 20px; border-radius:10px; border:1px solid #313131; cursor: pointer; font-weight:700; text-decoration: none}
.EtapesSuivi input[type="submit"]:hover{ background-color:#313131; border:1px solid #313131;}

.ribnok { background-color: coral !important; }
.ribok { background-color: lightgreen !important; }  
  
.deltasurfaces {max-height: 200px;overflow: scroll;margin-bottom: 20px;align-self: block;}

a.bouton{margin:2px; display: inline-block; background-color:#5095b6 ; color:#ffffff; padding:10px 20px; border-radius:10px; border:1px solid #313131; cursor: pointer; font-weight:700; text-decoration: none}
a.bouton:hover{ background-color:#313131; border:1px solid #313131;}

div.tableausuivi {max-width: 100%;  max-height: 82vh;  overflow: scroll;  position: relative;}
div.tableausuivi table {position: relative;  border-collapse: collapse;}
div.tableausuivi thead th {
  position: -webkit-sticky;
  position: sticky;  top: 0;  background: #000;  color: #FFF;}
div.tableausuivi thead th:first-child {left: 0;  z-index: 1;}
div.tableausuivi tbody th {position: -webkit-sticky; 
  position: sticky;  left: 0;  border-right: 1px solid #fff; }

.AdresseProprietaire { float:left; margin:10px 10px 10px 10px;}

  .questionvote {font-size: x-large;margin-top: 20px;font-weight: bold; margin-bottom: 10px;  }
  
#sig-dataUrl{ width:0; height:0; opacity:0}
#sig-clearBtn{ float: right;margin:2px; padding:10px 20px; border-radius:10px; border:1px solid #313131; cursor:pointer}
#sig-submitBtn{margin:2px; display: inline-block; background-color:#5095b6 ; color:#ffffff; padding:10px 20px; border-radius:10px; border:1px solid #313131; cursor: pointer; font-weight:700; text-decoration: none}
#sig-submitBtn:hover{ background-color:#313131; border:1px solid #313131;}


/* -----RESPONSIVE-----*/

@media (min-width: 1006px){ 
  #menuH{display:block !important; margin-top:15px;}
  nav dl dt a{display:block; font-size:125%; color:#000; padding:10px 15px;text-decoration:none; font-weight:400; }
  nav dl:last-child dt a{ border:none}
}
@media (max-width: 1560px){
  #logo img {width: 220px;height: auto}
}
@media (max-width: 1480px){
.container, .page-int .container { width:92%;}
  .container .row{ margin:0}
#logo {padding: 5px 10px;}
  #logo img {width: 200px;}
  .full-width {width: 99.3vw;}
  nav dl dt a{display:block; font-size:125%; color:#5095b6; padding:5px 8px;}
.user a{ font-size: 0}
  .user img{ height:30px}
}

/*  */@media (max-width: 1200px){
  table, tbody, tr, td, area, iframe, body, object, embed{ max-width:100% !important;}
img[usemap] { border: none; height: auto; max-width: 100%; width: auto; }

#map, #Cartographie_carte, .gm-style{ width:100%} 
#div_modif_illicopage{ position:relative; width:100%; top: auto; right: auto; left:auto; float:left	}
  
  .top-line { padding: 10px 15px;}

}/* ---------------------*/
/*  */@media (max-width: 1005px){

  .top-line{ display:block;}
 #logo img{ width:180px }
  .user a{ padding:10px 15px; display:block}
  #gt_float_wrapper{ top:70px !important}
  
  #menu{ width:100%; padding-left: 0; }
nav{ height:auto; padding:0; width:100%; z-index:40; text-align:center}
#controle-menu{display:block; cursor:pointer; float:right; width:60px; position:relative; 
height:52px;  background:#212121 url(/charte/controle-menu.png) center center no-repeat; z-index:50; margin-left:15px; }
#menuH{ position:absolute; bottom:auto; top:0; width:100%; padding-top:62px;  display:none; margin-top:0px; height:auto; z-index:40;
  -webkit-box-shadow: 1px 2px 5px 1px rgba(0,0,0,0.5); 
-moz-box-shadow:1px 2px 5px 1px rgba(0,0,0,0.5); box-shadow:1px 2px 5px 1px rgba(0,0,0,0.5);
  background:#fff;  }
nav dl{padding:0; margin:0; display:block; text-align:center; height:auto; border-top:1px solid #000; width: 100%;}
#menu dl dt a{ margin:0; height:auto}
nav dd, nav dl:hover dd{display:block !important; position: relative; top:auto; height:auto; opacity:1; text-align:center}

 footer{display:block}

}/* ---------------------*/
/*  */@media (max-width: 960px){
.container > .row, .page-int .container > .row { margin:0}
  
}/* ---------------------*/
/*  */@media (max-width: 855px){
  
  .block_content.bloc-object{ width:33.33% !important;}

}/* ---------------------*/
/*  */@media (max-width: 800px){
 
  .block_content.col-md-6, .block_content{ width:100% !important;}
  
#titre_rub{display:block; cursor:pointer; border-bottom:1px solid #fff; padding:10px 15px;background-color:#212121; 
  text-transform:uppercase;color:#fff; font-weight: 700; text-align:center; display:none}
#titre_rub.menu-ouvert, #titre_rub.menu-ferme{ background-repeat:no-repeat}
#titre_rub.menu-ouvert {background-image: url(/charte/fleches-up-down.png) ;background-position: 96% 16px}
#titre_rub.menu-ferme{background-image: url(/charte/fleches-up-down.png) ;background-position: 96% -34px}


}/* ---------------------*/
/* @group -768PX */@media (max-width: 780px){

.container, .page-int .container { width:90%;}
.commune-cimetiere{margin: 10px 1% 10px 1%;width: 48%;}
  #logo img{ width:160px }

}/* ---------------------*/
/* @group -720PX */@media (max-width: 721px){
  .block_content.bloc-object{ width:48% !important;}
  
}/* ---------------------*/
/* @group -640PX */@media (max-width: 640px){
.bis_title{ color:#fff; font-size:160%;  }
  #firstline, #secondline{ font-size:100%; }
.top-line {padding: 5px ;}  
#logo img{ width:140px }
  #logo {padding: 0 5px;}
  h1{ font-size:170%; margin:.9em 0 .8em 0; }
h2{ font-size:150%; margin:.8em 0 .6em 0;}
h3{ font-size:130%; margin:.6em 0 .4em 0;}
  .full-width.orange {padding-top: 5px;padding-bottom: 50px;}
  #mapid{ height:60vh !important; position: relative; z-index: 1}
  
.menuLat li{ width: 100%}
}/* ---------------------*/
/* @group -600PX */@media (max-width: 600px){
  .diaporama{ min-height: 280px }

}/* ---------------------*/
/* @group -540PX */@media (max-width: 541px){
.commune-cimetiere{margin: 10px 1% 10px 1%;width: 98%;}

}/* ---------------------*/
/* @group -480PX */@media (max-width: 480px){

#bis_caption{ position:absolute; bottom:35%; left:20px; right:20px }

}/* ---------------------*/
/* @group -360PX */@media (max-width: 400px){

}/* ---------------------*/
/* @group -320PX */@media (max-width: 320px){
  .block_content.bloc-object{ width:98% !important;}
#gt_float_wrapper{ top:120px !important; right:0 !important }
 
}/* ---------------------*/
/* @group -280PX */@media (max-width: 280px){

}/* ---------------------*/

/*-------BOOTSTRAP--------*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html {font-family: sans-serif;  -ms-text-size-adjust: 100%;  -webkit-text-size-adjust: 100%;}
body {margin: 0;}

audio,canvas,progress,video {display: inline-block;  vertical-align: baseline;}

@media print  {
  

  *, *:before,  *:after {background: transparent !important;  color: #000 !important;  box-shadow: none !important;  text-shadow: none !important;  }
  img {max-width: 100% !important;  }
  p,  h2,  h3 {orphans: 3;widows: 3;  }
  h2,  h3 {page-break-after: avoid;  }
  .navbar {display: none;  }
/* .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12  { position: relative;  min-height: 1px;  padding-left: 15px;  padding-right: 15px;} */
/*.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {width:100%}*/
body{ padding:5px; font-size:12px; padding-top:110px}
header{ position:absolute; left:20px; top:20px; width:auto}
.top-line{ padding:5px; border:none}

h1{ font-size:20px}
h2{ font-size:18px}
h3{ font-size:16px}
h4{ font-size:14px}

.full-width.orange{ width:100%; margin:0; left:auto; background: none ; padding:0}
.full-width.orange *{ color:#000000}
#logo{ margin: 0 auto}

#menuH, .user, .retourplan, .bloc_imprime_defunt, .bloc_imprime_pdf, #form-user, #form-pro, footer, #commandes, #diaporama{ display:none !important;}
#panzoom img, .photo_emplacement_defunt img{ max-height:620px}

.gtranslate_wrapper{ display:none !important}

}


.row  { margin-left: -15px;
  margin-right: -15px; }
/* .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12  { position: relative;  min-height: 1px;  padding-left: 15px;  padding-right: 15px;} */
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12  { float: left;}
.col-xs-12 {width: 100%;}
.col-xs-11 {width: 91.66666667%;}
.col-xs-10 {width: 83.33333333%;}
.col-xs-9 {width: 75%;}
.col-xs-8  { width: 66.66666667%; }
.col-xs-7  { width: 58.33333333%; }
.col-xs-6  { width: 50%; }
.col-xs-5  { width: 41.66666667%; }
.col-xs-4  { width: 33.33333333%; }
.col-xs-3  { width: 25%; }
.col-xs-2  { width: 16.66666667%; }
.col-xs-1  { width: 8.33333333%; }

@media (min-width: 768px)  { 
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12  { float: left; }
  .col-sm-12  { width: 100%; }
  .col-sm-11  { width: 91.66666667%; }
  .col-sm-10  { width: 83.33333333%; }
  .col-sm-9  { width: 75%; }
  .col-sm-8  { width: 66.66666667%; }
  .col-sm-7  { width: 58.33333333%; }
  .col-sm-6  { width: 49.2%; }
  .col-sm-5  { width: 41.66666667%; }
  .col-sm-4  { width: 32.6%; }
  .col-sm-3  { width: 24.2%; }
  .col-sm-2  { width: 16.66666667%; }
  .col-sm-1  { width: 8.33333333%; }
 }
@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12  { float: left; }
  .col-md-12  { width: 100%; }
  .col-md-11  { width: 91.66666667%; }
  .col-md-10  { width: 83.33333333%; }
  .col-md-9  { width: 75%; }
  .col-md-8  { width: 66.66666667%; }
  .col-md-7  { width: 58.33333333%; }
  .col-md-6  { width: 49.2%; }
  .col-md-5  { width: 41.66666667%; }
  .col-md-4  { width: 32.6%; }
  .col-md-3  { width: 24.2%; }
  .col-md-2  { width: 16.66666667%; }
  .col-md-1  { width: 8.33333333%; }
 }


/* PAGE IMPRESSION PLAN DE CHASSE - laurent 19.07 */
@media screen and (max-width: 900px) {
.imgimpression{width: 100% !important;}
.blocinfoimpression{width: 100% !important;}
}


/* Ajout GE 29/08/2023 - class leaflet-top with parent class carte_battue : width : 80% */
.carte_battue .leaflet-top{ width:80%}
.carte_battue .leaflet-top .leaflet-control-custom{background-color: white;}

/* 29.08 LM - rendre plus visible le calendrier sur la carte */
.carte_battue label[for=date_battue]{font-family: 'Roboto', Arial, sans-serif; font-size: 14px; font-weight: 600;}
.carte_battue .leaflet-top .date_controller{padding: 10px 25px; border:3px solid #ffc400;width: max-content;float: left;}
.carte_battue .leaflet-top .leaflet-control-custom input[type=date]{background-color: #ffd857; border: none; padding: 10px; color: #000; font-weight: 700; margin-top: 5px;}
.carte_battue .leaflet-top .leaflet-control-custom:hover{border:3px solid #fba045;}
.carte_battue .leaflet-top .leaflet-control-custom:hover input[type=date]{background-color: #fba045;}

@media (max-width: 560px){
  .carte_battue label[for=date_battue]{font-family: 'Roboto', Arial, sans-serif; font-size: 12px; font-weight: 600;}
  .carte_battue .leaflet-top .date_controller input[type=date]{ padding: 7px; color: #000; font-weight: 700; margin-top: 5px;}
}

.Battuecommune a{text-decoration: none;  color: #5095b6 !important;}

.carte_battue .leaflet-popup h2{font-weight: 700; font-family: 'Roboto', Arial, sans-serif;}
.carte_battue .leaflet-popup .bt_carte_battues{margin-top: 15px; padding: 10px;  display: inline-block; background-color: #ffc4002b;  
 color: #000 !important; border-radius: 7px;  font-weight: 700;  font-family: 'Roboto', Arial, sans-serif;
 text-align:center; border:3px solid #ffc400 ; font-size: 12px; cursor: pointer;} 

.carte_battue .leaflet-popup .bt_carte_battues:hover{background-color: #fba0457a;  color: #000 !important; border:3px solid #fba045;}

ul.ui-autocomplete {max-height: 20em;}
.ui-corner-all{/* width:100% !important; */ :* top:1200px !important; */}

/* FAQ */
.question-faq a{ display: block; line-height:125%; margin:2px 0; width:100%; float:left; font-weight: 700; 
  text-decoration: none; background:#eee; padding:10px }
.question-faq a:hover{color: #5095b6; background:#ddd;}
.question-faq a:before{ content:"-> "}
.faq .contenu-bloc img{ margin:5px 15px}
.reponse-faq{ width: 100%; float: left; margin:10px 0; padding:10px 0; border-bottom:1px solid #666}
.reponse-faq img{ margin:10px 15px 10px 0}

/* css pour le moteur elastic */
.block_elastic{ padding: 6px;  position: relative; display: inline-block}

#img-bt-recherche {height: 36px;  width: 36px; background: #5095b6; padding:10px; border-radius:10px}
#img-bt-recherche svg {fill: #ffffff;}

#illicosearch-search{display: none;
  position: absolute;  right: 10px;top: 100%;  border-radius: 15px;  padding: 5px 15px;
  border: 2px solid #5095b6;}

#resulta{border-radius:15px; max-height: 74vh;  overflow-y: auto; position:absolute; background: #ffffff;
  box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.63);  -webkit-box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.63);  -moz-box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.63); 
  right: 10px;  width: 70vw;  z-index: 50;  min-height: 0px;  top: 90px;}
  .itemmoteur{position: relative;  overflow: hidden; margin: 15px .5% 5px 1%;  width:30.3%; padding:10px;border:1px solid #ccc; }
  #response{width:100%; display: flex; flex-direction: row;  flex-wrap: wrap; align-items: stretch;justify-content:center; }
  #bloc-moteur-suggest{width:100%; float:left; text-align:center}
  #bloc-moteur-suggest > div, #bloc-moteur-suggest > h2{ display: inline-block; margin: 5px 10px; }
  #bloc-moteur-suggest > div{font-weight:700; font-size:110%;}
  #bloc-moteur-suggest > h2{font-size:130%;color: #000000; margin-top:50px; font-weight: 700}
  #bloc-moteur-suggest > div::before{ content: "- "}
  #bloc-moteur-suggest .remplace{ cursor: pointer; color:#000}
  
  .itemmoteur *{ margin:0; color:#000}
  .itemmoteur h3{font-size: 110%; color:#000000; margin:0 0 5px 0; font-weight: 700}
  .itemmoteur p{ font-size: 90%; line-height:120%;}
  .itemmoteur > a{ display: block;width:100%; float:left; }
  .itemmoteur > a > div{ padding:10px;  width:100%; float:left; position: relative }
  .itemmoteur a img{ float: right}
  
  .img-moteur img{height: 100%;  left: 0;  object-fit: cover;  position: absolute;
top: 0;  width: 100%;}

@media (max-width: 1005px) {
 
.itemmoteur{ width:48%}
	.bloc-moteur{ width:94vw;}
	.img-moteur{position:relative; height:180px;}
  .block_elastic{ clear: right; z-index:9999991} 

#gt_float_wrapper {top: auto !important; bottom:15px}  
}
@media (max-width: 1300px) {
#resulta{ width:80vw}
}
@media (max-width: 1080px) {
 
.itemmoteur{ width:48%}
#resulta{ width:90vw;}
	.img-moteur{position:relative; height:180px;}
}
@media (max-width: 720px) {
.itemmoteur{ width:96%}
	.bloc-moteur{ width:76vw}
	.itemmoteur h3{font-size: 100%; }
	.itemmoteur p{ display:none}
	.img-moteur{position:relative; height:150px;}
	.itemmoteur > a > div{ padding:5px; }
}
/*  fin code css  */

.cadastre_lot{ float: left; margin-right:25px}
.cadastre_buttons{ float: left; width:100%}

/* 2023-08-23 - MCC */
.espace_chasseur_admin{ width:100%; float:left; margin:15px 0}
.chasseur_admin{ width:100%; float:left; margin:10px 0}
.chasseur_deconnexion, .chasseur_lot{background-color: #FFC400;border: none;padding: 10px;border-radius: 10px;
color: #202020;font-weight: 600;font-size: 15px;margin: 5px; display:inline-block;text-decoration: none;}
.chasseur_deconnexion{background:#5095b6; color:#ffffff}
.chasseur_deconnexion:hover, .chasseur_lot:hover {background-color: #202020;  color: #ffffff;  cursor:pointer; }
.chasseur_admin span{ font-weight: 700}
.espace_chasseur_admin #Cartographie_carte{ margin:15px 0}
.chasseur_lot.actif{background-color: #000; color: #ffffff;}
.leaflet-pane h2{ font-size:150%;margin: .6em 0 .4em 0;}
.espace_chasseur_admin .leaflet-touch .leaflet-bar{ border: none}
.espace_chasseur_admin.cartes_non_archivees .leaflet-title-marker{border-bottom:1px solid #555; padding-bottom:10px}
.espace_chasseur_admin .leaflet-new-password {border-top: 1px solid #555;padding-top: 10px;font-size: 13px;display: flex;flex-direction: column;}
.espace_chasseur_admin .leaflet-bar.leaflet-control>.leaflet-save-password.hidden {display: none;}
.carte-chasseur-affiche .leaflet-new-password {border: none;padding: 0;}
#titreMarqueur,.espace_chasseur_admin .leaflet-new-password input[type="password"],.espace_chasseur_admin .leaflet-new-password input[type="text"],#titreCarte{padding:9px; margin:5px; border:1px solid #444; border-radius:6px}
#TypeMarqueur{ margin:5px}
.espace_chasseur_admin #titreCarte{width: 383px;}
.carte-chasseur-affiche #titreCarte{width:auto;text-align: center;}
#Cartographie_carte .leaflet-add-marker button{ margin:5px}

.leaflet-bottom.leaflet-right .leaflet-bar span,.leaflet-bottom.leaflet-right .leaflet-bar a{background-color: #cecece;border: none;padding: 6px 10px;border-radius: 6px !important;color: #202020;font-weight: 600;font-size: 15px;margin:0; display:inline-block; cursor:pointer; }
.leaflet-bottom.leaflet-right .leaflet-bar a{width: auto;height: auto;line-height: inherit;}
.leaflet-bottom.leaflet-right .leaflet-bar span:hover,.leaflet-bottom.leaflet-right .leaflet-bar a:hover {background-color: #202020;  color: #ffffff !important; }

/* légende */
.espace_chasseur_admin .leaflet-bottom.leaflet-right .legend{display: flex;flex-direction: column;background: rgba(255,255,255,.8); padding:10px;border: 1px solid;margin-right: 0;margin-bottom: 0;}
.espace_chasseur_admin .leaflet-bottom.leaflet-right .legend .password{margin-bottom: 0;margin-right: 0;}
.espace_chasseur_admin .leaflet-bar.leaflet-control{width: 100%;}

.leaflet-bar {border-radius: 10px !important;}
.leaflet-bar .leaflet_search_box {padding: 10px;}
/* .leaflet-bar .leaflet_search_box #leaflet_form_group>.leaflet_form_group {display: flex;flex-direction: column;} */
.leaflet-bar .leaflet_search_box .leaflet_form_group#btn-form {margin-top: 10px;}
#prefixe, #section, #numero, #nomProprio {text-align: end; margin-bottom: 5px;}


/* menu top */
#menuTop{ display:block; width:100%; padding:0 ; }
#menuTop .navtop{display:flex; float:left; width:100%; justify-content: space-between;background: var( --e-global-color-primary );
  align-items: center; border-bottom: 2px solid #5095B6; padding:0 15px}
#menucim{ padding:15px;}
.navtop dl, .navtop dt, .navtop dd, .navtop ul, .navtop li{ margin:0; padding:0; list-style-type: none;}
.navtop dl { position:relative; display:inline-block; margin:10px; }
.navtop dl dt a{display:block; font-size:110%; color:#000; padding:10px 20px;text-decoration:none; font-weight:500; background:#ffffff; border-radius:10px; }
.navtop dl dt a:hover{ text-decoration:none; background: #000; color:#ffffff}
.navtop dl:not(:has(:not(dt))), .navtop dl ul:not(:has(:not(li))) {display: none;}
/*survol navtop*/
.navtop dd{ position:absolute; height:0px; overflow:hidden; opacity:0; z-index:200; top:100%;  border-radius:10px;
left:0; background-color:#ffffff; padding:10px; min-width:100%; text-align:left }
.navtop dl:hover dd{ height:auto; opacity:1; overflow:visible; display:block !important}
.navtop dd a{color:#000; display:block; padding:6px 12px; font-size:95%; text-decoration:none; text-transform: none  ; font-weight:700}
.navtop dd a:hover{ text-decoration:none; color:#ffffff; background:var( --e-global-color-primary ); border-radius:10px }

.nomcim{ color:#ffffff; font-size:160%; font-weight:900}
.nomcim span{ margin:0 30px; display:block; text-align: left; white-space: nowrap}
.NomVilleCim{font-size:190%}
.TitreVilleCim{ margin-bottom:15px !important;}
.SourveCim{ color:#ffffff; font-size:70%; font-weight:400; margin-bottom:15px !important; word-wrap:break-word; }
.SourveCim a{ color:#ffffff; display: block }

.CimInformation{ width:100%; margin:0 ;border-radius:10px; float:left ; padding:30px 30px 20px 30px; text-align: center;  background: linear-gradient(180deg, #FCCE5F 0%, #F4BA37 100%) 0% 0% ; color:#000; font-size:110%}

@media (max-width: 1005px) {
#menuTop{ position: relative; z-index: 38;}
  #controle-menucim{display:block; cursor:pointer; float:right; width:58px; position:relative; position: absolute; top:0; right:0;
height:46px;  background:rgba(240,109,45,1) url(/charte/controle-menu.png) center center no-repeat; z-index:42; margin:5px 15px; border-radius:5px; background-size: 40px auto }
#menucim{ width:100%; display:none; margin-top:0px; height:auto; z-index:40; padding: 10px;}
 #menuTop .navtop{ display: block; margin:0;  position: relative} 
.nomcim{ font-size:140%; padding-right:90px ; }
.nomcim span{ margin:0 5px; display: inline-block ;padding-bottom:5px }
.NomVilleCim{ margin-top:10px !important; font-size:170%}
.TitreVilleCim{ margin-bottom:10px !important;}
  .navtop dl {margin: 5px 0; width:100%;}
  .navtop dl dt a {font-size: 115%;padding: 8px 15px; }
  .navtop dd {position: relative;  height: auto; overflow: visible;  opacity: 1;  top: auto;  left: auto; padding: 10px; display: block !important; 
text-align: center; border-top:2px dotted #F4BA37}
}
@media (max-width: 800px) {
  .nomcim{ font-size:110%; text-align:center}
.nomcim span{ margin:0 10px; text-align:center }
.NomVilleCim{ margin-top:10px !important; }
.TitreVilleCim{ margin-bottom:15px !important;}
}

/* .bloc_isole > #Cartographie_carte > #mapid{ width:75% !important; float:left}
.bloc_isole > #Cartographie_carte > #mapid.MapNumero1{ width:100% !important; float:left} */
.bloc_isole > #Cartographie_carte > .carto_parcelles_buttons{ width:25% ; float:left; height:100vh; overflow-y: scroll}
.bloc_isole > #Cartographie_carte > .carto_parcelles_buttons h1{font-size: 115%; border-radius: 0; padding: 10px; margin: .4em 0 .2em 0;}
.bloc_isole > #Cartographie_carte .autres_parcelles{padding: 3px; border: 1px solid #202020; border-radius: 12px; margin: 3px}

.bloc_isole > #Cartographie_carte .lasso, .bloc_isole > #Cartographie_carte .parcelles_buttons, .bloc_isole > #Cartographie_carte .validation_button {padding: 3px 5px;  border-radius: 12px;  margin: 3px; }
.bloc_isole > #Cartographie_carte button {padding: 10px;  border-radius: 10px;  font-size: 14px;  margin: 3px 0;}

@media (max-width: 900px){
  .bloc_isole > #Cartographie_carte > .carto_parcelles_buttons{ width:100%; height:auto; overflow-y: visible}
  .bloc_isole > #Cartographie_carte > #mapid{ width:100% !important;}
}



form .affichageForm > .voir{display: flex; margin:5px 0; align-items: center}
form .affichageForm > .voir .label{ display: block; width:100%; font-weight:700}
form .affichageForm > .voir input{min-width:50%; position: relative;display: inline-block;background: #fff;border-radius: 10px;border:none; padding: 12px; width:100%;margin:0}
.password-showhide span, .confirm-password-showhide span{ padding: 12px 20px; background:#454545; color:#ffffff; font-weight: 700; border-radius: 10px; 
  margin:0 3px;width:100px; text-align:center; cursor:pointer}
form .affichageForm > .voir input, form .affichageForm > .voir .password-showhide, form .affichageForm > .voir .confirm-password-showhide{ position: relative;display: inline-block; cursor:pointer} 

/* PAGE CORRECTION DISTRIBUTION LOT */
div.info-importantes{background-color: #faebd7;padding: 15px;border-radius: 10px;}
div.info-importantes p{margin: 0;}

/* PAGE FORMULAIRE SAISIE DES RIB */
.form-rib-envoi form {display: flex;flex-wrap: wrap;justify-content: space-between;}
.form-rib-envoi form .affichageForm > select{ margin: 10px 0 0;}
.form-rib-envoi form .affichageForm .search-bank {display: flex; width: 100%; align-items: center;}
.form-rib-envoi form .affichageForm .search-bank input { background: #fff;border-radius: 10px;border: none;padding: 12px;width: 50%;margin: 0; }
.form-rib-envoi form .affichageForm#form-nom, form .affichageForm#form-prenom, form .affichageForm#form-cp, form .affichageForm#form-ville, form .affichageForm#form-phone, form .affichageForm#form-mail, form .affichageForm#form-iban, form .affichageForm#form-bic {width: 49.5%;}
.form-rib-envoi form .FormButton {width: 100%}

.recherche,.recherche-prop-rib{display: flex;align-items: center;}
.recherche p,.recherche-prop-rib input[type="checkbox"]{margin: 0 5px 0 0;}


/* PAGE FORMULAIRE SAISIE DES BATTUES */
#btn_journee_battue, #btn_nuit_tir, #btn_noValue {display: flex;align-items: center;}
#btn_journee_battue input[type="radio"], #btn_nuit_tir input[type="radio"], #btn_noValue input[type="radio"] {margin: 0 5px 0 0;padding: 0;}
#btn_journee_battue label, #btn_nuit_tir label, #btn_noValue label {margin-bottom: 0;}



/***********************************/
/************* CSS BSM *************/
/***********************************/

/* Recherche de propriétaires */
.rech-bsm {background: #fbc446;padding: 10px;border-radius: 10px;text-align: center;}

#tableau_bsm {margin-bottom: 20px;border: 2px solid #e71d73;border-radius: 10px;overflow: hidden;}
#tableau_bsm table{border: none;border-collapse: collapse;table-layout: fixed; margin: 0;}
#tableau_bsm table tr.title_bsm th {background: #e71d73;color: #ffffff;padding: 10px 5px;position: sticky;top: 0;}


/* Documents Parcelle */
#Fichiers{ width:100%; background: #5095b6; padding:0px 15px; border-radius:10px; margin:10px 0;float: left; display: flex; flex-wrap: wrap; justify-content: space-between;}
/* #Fichiers .bloc-PDF, .bloc-Photo, .bloc-Commentaire{margin-right: auto;}
#Fichiers .bloc-PDF:last-child {margin-right: 0;}
#Fichiers .bloc-Photo:last-child {margin-right: 0;}
#Fichiers .bloc-Commentaire:last-child {margin-right: 0;} */

#Fichiers h4.TypeMediaBSM{color: #fff;}
#Fichiers .fichier-PDF, .fichier-Photo, .fichier-Commentaire, .fichier-Fichier-divers{padding: 0; max-height: 835px; overflow: auto;}
#Fichiers .FichierBSM{ background: #ffffff; list-style-type: none; margin-bottom:10px; padding:5px 15px 15px; border-radius: 10px}
#Fichiers .FichierBSMImage{display: flex; justify-content: center;}
#Fichiers .FichierBSMCommentaire{margin: 10px 0;font-weight: 500;}
#Fichiers .FichierBSMTitre {font-style: italic;font-size: 12px;text-align: center;}

.AjoutFichier textarea {border: 1px solid #5095b6;border-radius: 6px;padding: 10px;margin: 10px 0;max-width: 100%;}


/* Etapes procédure */
a.bgcolor-green button{background-color: #15db9e;border: 2px solid #15db9e;}
a.bgcolor-green button:hover{background-color: #fff;border: 2px solid #15db9e;color: #15db9e;}

a.bgcolor-red button{background-color: #ff0000;border: 2px solid #ff0000;}
a.bgcolor-red button:hover{background-color: #fff;border: 2px solid #ff0000;color: #ff0000;}


/* Filtre / Choix */
.selection {border: 3px solid #5095b6;border-radius: 20px;padding: 0 35px 35px 35px;}

#SelectionFiltre form .etapes-noVal, #SelectionFiltre form .etape-defaut, #SelectionFiltre form .etape-noDefaut {background-color: #EDEDED;padding-left: 10px;padding-right: 10px;width: 90%;padding-bottom: 5px;}
#SelectionFiltre form .etapes-noVal, #SelectionFiltre form .etape-last {padding: 10px;border-radius: 10px;margin-bottom: 10px;}
#SelectionFiltre form .etape-first {padding-top: 10px; margin-top: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
#SelectionFiltre form .etape-second-last {padding-bottom: 10px; margin-bottom: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}

@media screen and (max-width: 1024px) {
  #SelectionFiltre form .etapes-noVal, #SelectionFiltre form .etape-defaut, #SelectionFiltre form .etape-noDefaut {width: 100%;}
}

#SelectionProprietaire p {margin-bottom: 10px;}
#SelectionProprietaire form {display: flex;}

#SelectionProprietaire .classement {margin-bottom: 35px;}
#SelectionProprietaire .classement form div {margin-right: 20px;}

#SelectionProprietaire .liste-parcelles form {flex-direction: column;}
#SelectionProprietaire .liste-parcelles form select {border: 2px solid;}
#SelectionProprietaire .liste-parcelles form input[type="submit"] {background-color: #5095b6;border: 2px solid #5095b6;padding: 20px 30px;margin: 7% auto auto; font-size: 18px;}
#SelectionProprietaire .liste-parcelles form input[type="submit"]:hover {background-color: #fff;border: 2px solid #5095b6;color: #5095B6;}

form label {font-weight: 600;}

form input[type="radio"] {-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 50%;width: 16px;height: 16px;border: 1px solid #000;transition: 0.2s all linear;margin-right: 5px;position: relative;top: 2px;background-color: #FFF;}
form input[type="radio"]:checked {border: 6px solid #5095b6;}