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: 85vw; 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% ;} 

/*  #map img{  max-width: none !important;}  SE - 20210130 -> carte cimetiere leaflet */
.width100pc{width:100%;} .invisible{display:none;}

a, p, td, li{ color:#222222; }
h1{ font-size:240%; font-weight:600; text-transform: uppercase; margin:1.2em 0 1em 0; }
h2{ font-size:180%; font-weight:300; color:#f06d2d;margin:1em 0 .8em 0;}
h3{ font-size:140%; font-weight:900; color:#f06d2d; margin:.8em 0 .6em 0;}
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; }

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

.full-width{ width: 99.85vw; position: relative; margin-left: -50vw; left: 50%;/*float:left;*/ display:block}
.full-width.gris{ background:#faf8f8; margin-top:15px; margin-bottom:15px; padding-top:15px; padding-bottom:15px; display: inline-block;}
.full-width.orange{position: relative; overflow: hidden; padding-top:20px; padding-bottom:70px; margin-bottom:15px; background: rgb(240,109,45);
background: -moz-linear-gradient(360deg, rgba(240,109,45,1) 1%, rgba(251,196,70,1) 100%);
background: -webkit-linear-gradient(360deg, rgba(240,109,45,1) 1%, rgba(251,196,70,1) 100%);
background: linear-gradient(360deg, rgba(240,109,45,1) 1%, rgba(251,196,70,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f06d2d",endColorstr="#fbc446",GradientType=1);}
.full-width.col-full.orange{ padding-bottom:15px; }
.full-width.orange::after{ content:" ";   width:110%; height:100px;  background:#ffffff; position: absolute; bottom:-50px; right:-5%;
  -webkit-transform: rotate(-2deg);  -moz-transform: rotate(-2deg);  -o-transform: rotate(-2deg);  transform: rotate(-2deg);}
.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:#000}

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

/* MENU HAUT */ 
#menuH{ margin:0 auto; display:inline-block;}
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:#f06d2d; padding:6px 12px;text-decoration:none; font-weight:400; }
nav dl dt a:hover, nav dl.menu0active dt a{ text-decoration:none; color:#000; 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:#f06d2d; }



/* diaporama */
#diaporama{ position:relative; width:100%; float:left; }
.diaporama{ position:relative; overflow:hidden; width:100%; float:left; height: 46vh; min-height:380px}
.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;}
#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_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;}

.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:20px 30px; text-align: center; display:flex; justify-content: space-around; align-items: center; background: #5a5a5a; color:#ffffff}
footer a{position:relative; color:#fff; text-decoration: none; padding:5px}

/*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:37vh}
.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{ /*margin-bottom:15px; */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: #FBC145;color:#ffffff; text-align:center; }
.menuLat li { margin: 0; padding: 0; list-style-type: none; display: inline-block;
position: relative;float:none; background: #f06d2d; 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}
.menuGactive-2 a, .menuG-2 a:hover{background-color:#404040}

/* 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:#f06d2d;margin:1em 0 .8em 0;}
.plan-map{  width:100%; float:left;/* max-height: 65vh;*/ overflow-y:auto; background:#aaa; border:1px solid #999; min-height:300px}
/* .plan-map img{ } */
#Cartographie_carte{ width:100%; float:left; }
/*#mapid{  width:100% !important;float:left;  border: 1px solid #000000}*/
#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:#f06d2d; border-color:#f06d2d; 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;}


/* Recherche defunt */
/*.rech-defunt{position: relative; margin:20px 0 15px 0; width:100%; float:left}
 #autocompleteForm{position: relative; width:auto ; max-width:320px; height:30px; margin:0}
#autocompleteForm input{border:2px solid #f06d2d; border-radius:12px; width:100%;  height:30px; }
#autocompleteForm input.ui-widget{padding-right:30px; width:100%; float:left}
#autocompleteForm input[type=submit]{position: absolute; top:0; right:0; bottom:0;width: auto; background:#f06d2d; color:#fff}
.ui-autocomplete-input{width:250px; padding:3px; }
*/

.rech-defunt{ width: 100%; float:left}
.rech-defunt input{ margin:5px}
.rech-defunt input[type=submit]{background:#f06d2d; border-color:#f06d2d; 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; height:22px; display:inline-block}
.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
line-height: normal;
    display: none;
    min-width: 160px;   
    padding: 4px 0;
    float: left;
    /*Mis en commentaire par GE 01/09/2023 - cassait le style sur la carte des battues*/
    /*margin: 0 0 0 -25px;*/
    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: #f06d2d;
    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;}



#tableau_defunt{ width:100%; margin-bottom:20px;  padding:0}
#tableau_defunt table{ width:100%; padding:0 !important; margin:0 !important; border:2px solid #f06d2d; border-radius:12px;}
#tableau_defunt table tbody{ width:100%; padding:0; border-radius:12px;}
#tableau_defunt{ margin:0; padding:0;}
.title_defunt, .title_defunt:hover{ background-color:#f06d2d; text-align:center; }
.title_defunt table td{ text-align:center;  padding:6px !important;}
tr.style_tab1 td,tr.style_tab2 td{text-align:center}
.style_tab1, .style_tab2{border-bottom:1px solid #f06d2d}
.style_tab1:hover, .style_tab2:hover{ background:#dddddd}
.style_tab1 td, .style_tab2 td{ padding:6px !important;; }
.style_tab1 .thickbox, .style_tab2 .thickbox{ font-weight:bold; }
.style_tab1 a, .style_tab2 a{ text-decoration:none; color:#000;  font-weight:bold; }
.style_tab1 a:hover, .style_tab2 a:hover{ color:#f06d2d;}
.TitreColTableau{ 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; /*background-color:#3cf4e9;*/ color:#000;}
#Concession a, #Renseignement a{ color:#fff; }
#Concession a:hover, #Renseignement a:hover{ color:#ccc; }
/*.information_emplacement{border:1px solid #00487B; padding:10px; margin-top:10px;}*/


/*AK : 23-11-2012 : R cup ration css marie programme pour b ziers */

/*Boutons*/
#bouton-webcim{
  /* margin:4px;  padding:0px;  background-image:url(/images/bouton-webcim_fond.gif);
  background-repeat:no-repeat;  background-position:100% 0;  height:25px;
  display:inline-block;  padding-right:12px; /*  paisseur de l'arrondi 
  line-height:25px; hauteur de l'image */  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; /* hauteur de l'image */
  padding-left:12px; /*  paisseur de l'arrondi */
  white-space:nowrap; /* pas de retour   la ligne */
}
#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: #f06d2d;}
.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 #f06d2d; 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_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; background:#f06d2d; border-radius:6px;
margin: 10px 1% 10px 1%;width: 31.33%;display: flex;flex-direction: column;flex-wrap: wrap;align-items: stretch;
box-shadow:0px 2px 4px rgba(0,0,0,0.3); -moz-box-shadow:0px 2px 4px rgba(0,0,0,0.3); -webkit-box-shadow:0px 2px 4px rgba(0,0,0,0.3); }
.commune-cimetiere a{ background:#f06d2d; color:#ffffff; text-decoration:none; padding:5px 15px; display:block; margin:5px 0; font-size:140%; text-align:center; border-radius:12px}
.commune-cimetiere:hover, .commune-cimetiere:hover a{ background:#1f1f1f; }

/* a button{ background-color:#313131 ; color:#ffffff; padding:10px 20px; border-radius:20px; border:1px solid #313131; cursor: pointer; margin:10px 0; font-weight:700} */
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:#f06d2d; border:1px solid #313131;}

.recherche-prop-rib.button{ background-color:#313131 ; color:#ffffff; padding-left:10px; border-radius:10px; margin:10px 0; width: fit-content;}
.recherche-prop-rib.button:hover{ background-color:#f06d2d;}
.recherche-prop-rib.button label{ padding:10px 10px 10px 0; cursor: pointer;}

.recherche-prop-rib.button input[type="checkbox"]{ webkit-appearance: none;-moz-appearance: none;appearance: none;width: 15px;height: 15px;transition: 0.2s all linear;position: relative;background-color: #FFF; border-radius: 3px; margin-right: 7px;}
.recherche-prop-rib.button input[type="checkbox"]:checked{ background-color: #f06d2d; border: 3px solid #fff; }

.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:#f06d2d; 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 #f06d2d}
.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: #f06d2d}

/* 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, .leaflet-popup-content-wrapper, .leaflet-popup-tip{ width:auto !important; float:left;  min-width:160px}
.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}

.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;}
.table-total{ margin:15px 0 ; width:100%; float:left; text-align:center}

#tableau_communes_az{ width:100%; float:left; margin:10px 0; padding:10px 0; text-align:center; border-bottom:1px dashed}
#tableau_communes_az span { display:inline-block; margin:2px}
#tableau_communes_az a {  border-radius: 10px; background: #EE8700;  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% }
/* .page-int form .affichageForm > input, .page-int form .affichageForm textarea {  position: relative;   background: #ffffff;  border-radius: 6px; border: 1px solid #FAC345; padding: 10px;   margin: 0 25px;font-size:95%} */


.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%;}
  
  .leaflet-popup-content {   width:340px !important;}
}

#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_1291, #FormIllico50 form #ElementForm_1293, #FormIllico50 form #ElementForm_1292, #FormIllico50 form #ElementForm_1290{ text-align: center} */
#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:#f06d2d !important; font-weight:700;}
main .PLAN0 a::before{ content:"-> "}
main .PLAN1{list-style-type:none;  padding:.4em 0 .2em 0}
main .PLAN1, main .PLAN1 a{color:#0095C7; }
main .PLAN1 a{font-size:1.3em; color: #F06D2D;  }
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: #FFC400;  border: none;  padding: 10px;  border-radius: 10px;  color: #202020;
  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_lots_chasse table, 
table{ width: 100%; margin:15px 0;border: 1px solid #303030;}
.table_lots_chasse table th, table th{ background: #303030; color:#ffffff; padding:10px 5px;  position: sticky; top: 0; z-index: 99;}
table th a{color:#ffffff; text-decoration: none}
table th a:hover{text-decoration: underline}
.table_lots_chasse table td, 
table td{padding:10px 5px; border: 1px solid #303030; }
table ul{ margin:0}
table input, table select, table textarea {margin:2px;}

table .td-surface {text-align: center;}
table .td-titulaire input, table .td-titulaire textarea{width:-webkit-fill-available; width:-moz-available;}
table .td-action, table .td-actionARIB .btn-action {display: flex;align-items: center;flex-direction: column;}
table .td-action-rib {display: table-cell; text-align: center;}

.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:#f06d2d ; 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:#f06d2d ; 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; /* for Safari */
  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; /* for Safari */
  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:#f06d2d ; 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;}

  /*
form{max-width:100%}
#sig-canvas{ width:100%; max-height:46vh; min-height:260px}
*/



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

@media (min-width: 1006px){ 
  #menuH{display:block !important; margin-top:15px}
  nav dl dt a{display:block; font-size:135%; color:#f06d2d; padding:6px 11px;text-decoration:none; font-weight:400; border-right:1px solid #f06d2d  }
  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:#f06d2d; 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;}


/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@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}

}

/*@media (min-width: 768px)  {   .container  {     width: 750px; } }
@media (min-width: 992px)  {   .container  {     width: 970px; } }
@media (min-width: 1200px)  {   .container  {     width: 1170px; } }*/

.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: 50%; }
  .col-sm-5  {     width: 41.66666667%; }
  .col-sm-4  {     width: 33.33333333%; }
  .col-sm-3  {     width: 25%; }
  .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: 50%; }
  .col-md-5  {     width: 41.66666667%; }
  .col-md-4  {     width: 33.33333333%; }
  .col-md-3  {     width: 25%; }
  .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: #f06d2d !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;
}

.ui-corner-all{width:100% !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: #f06d2d; 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{float:right;  padding: 6px;  position: relative;}

#img-bt-recherche {  height: 40px;  width: 40px;}
#img-bt-recherche svg {  fill: #f06d2d;}

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

#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{! position:relative; ! overflow:hidden; ! margin-top:10px; ! height: 140px; }*/
  .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;/*! padding-top:15px */}
	.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;/*! padding-top:15px */}
	.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:#f06d2d; 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 .legend .leaflet-bar span,.leaflet-bottom.leaflet-right .legend .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 .legend .leaflet-bar a{width: auto;height: auto;line-height: inherit;}
.leaflet-bottom.leaflet-right .legend .leaflet-bar span:hover,.leaflet-bottom.leaflet-right .legend .leaflet-bar a:hover, .leaflet-bottom.leaflet-right .leaflet-button-legend .leaflet-bar span.button-legend:hover {  background-color: #202020;  color: #ffffff !important; }

.leaflet-bottom.leaflet-right .leaflet-button-legend {display: flex;width: -webkit-fill-available;width: -moz-available;margin: 0;}
.leaflet-bottom.leaflet-right .leaflet-button-legend .leaflet-bar {margin: 5px}
.leaflet-bottom.leaflet-right .leaflet-button-legend .leaflet-bar span.button-legend {background-color: #ffc400;padding: 6px 10px;border-radius: 6px;font-weight: 600;font-size: 15px;display: inline-block;cursor: pointer;}


/* légende */
/* .legend{ background: rgba(255,255,255,.7); width:100%; float:left; padding:15px; border-radius:12px; text-align:left}
.legend i{ width:16px; height:16px;display: inline-block; margin:2px 5px 2px 0}
.legend span{ display: inline-block} */
.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.cartes_non_archivees .leaflet-bar.leaflet-control, .espace_chasseur_admin.cartes_archivees .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;} */
#prefixe, #section, #numero, #nomProprio {text-align: end; margin-bottom: 5px;}

.custom-icon{width: max-content !important; height: max-content !important;}



/* menu top */
#menuTop{ display:block; width:100%; padding:0 ; }
#menuTop .navtop{ /*margin:0 0 15px 0;*/ display:flex; float:left; width:100%; /*background: rgb(240,109,45);*/ justify-content: space-between;background: #fbc446;align-items: center; border-bottom: 1px solid #F06D2D;}
#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: 5px; }
.navtop dl dt a{display:block; font-size:130%; color:#F4BA37; padding:10px 20px;text-decoration:none; font-weight:700; background:#ffffff; border-radius:10px; }
.navtop dl dt a:hover{ text-decoration:none; background: #EE8700; 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:#EE8700; 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{ /*margin-top:30px !important;*/ 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.carte-speciale{ width:75% !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;/*! display: inline-block; */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 BATTUES */
.more-information{background-color: #EDEDED; padding: 1px 25px 15px; border-radius: 10px;}

/* PAGE FORMULAIRE SAISIE DES BATTUES */
.categorie_battue {display: flex; justify-content: space-between;}
.categorie_battue span {font-weight: bold;font-size: 1.1em;color: #f06d2d;}
#btn_nuit_tir,
#btn_jour_tir, 
#btn_journee_battue, 
#btn_weekend, 
#btn_noValue {display: flex;align-items: center;}
#btn_nuit_tir input[type="radio"], 
#btn_jour_tir input[type="radio"],
#btn_journee_battue input[type="radio"], 
#btn_weekend input[type="radio"], 
#btn_noValue input[type="radio"] {margin: 0 5px 0 0;padding: 0;}
#btn_nuit_tir label, 
#btn_jour_tir label,
#btn_journee_battue label, 
#btn_weekend label, 
#btn_noValue label {margin-bottom: 0;}


/* PAGE SAISIE DES RIBS */
.form_sub_choice {display: flex;}
.form_sub_choice.rib-red {background-color: #f9decb; color: red;}
.form_sub_choice.rib-green {background-color: #DEEFE8; color: green;}

.form_sub_choice .dissocier-rib {display: flex; justify-content: flex-end; align-items: center;}
.form_sub_choice .dissocier-rib button {font-size: 12px;padding: 10px 15px;}


/* PAGE BRIGADE VERTE */
.nom-prenom, .tel-email {display: flex;justify-content: space-between;}
.nom-prenom input[type="text"], 
.nom-prenom input[type="email"], 
.tel-email input[type="text"], 
.tel-email input[type="email"],
.tel-email .iti.iti--allow-dropdown {width: 49%; margin: 3px 0;}
.tel-email .iti.iti--allow-dropdown input[type="tel"] {width: 100%;}


/* css acessibilite */

:root {
  --logo_text: #ffffff;
  --logo_text_hover: #ffffff00;
  --backgound: #ea7501;
  --checkbox: black;
  --size: 15px;
}

.gray {
  filter: grayscale(1);
}

.inverter {
  filter: invert(1);
}

#custom-accessibility-menu {
  position: fixed;
  display: flex;
  flex-direction: row-reverse;
  align-items: start;
  z-index: 999;
  top: 25vh;
  right: -1px;
}

#custom-accessibility-menu #bt_menu_acessibilite {
  font-size: 16px;
  margin: 5px;
  cursor: pointer;
  border: none;
  color: var(--logo_text);
  text-align: start;
  padding: 5px;
  font-family: "Montserrat", sans-serif;
}

#custom-accessibility-menu #bt_menu_acessibilite svg {
  fill: var(--logo_text);
  padding-right: 5px;
  height: 20px;
  width: 20px;
  padding-top: 7px;
}

#custom-accessibility-menu #bt_menu_acessibilite:hover {
  background-color: var(--logo_text_hover);
  color: var(--logo_text);
}

#custom-accessibility-menu .bt_accesibilite {
  display: flex;
  padding: 7px;
  background-color: var(--backgound);
  border-radius: 10px;
  height: min-content;
  position: relative;
  left: -2px;
  margin-right: 10px;
}

#custom-accessibility-menu .bt_accesibilite svg {
  width: 30px;
  height: 30px;
  fill: var(--logo_text) !important;
}

#custom-accessibility-menu .menu_acessibilite {
  display: none;
  flex-direction: column;
  padding: 10px;
  background-color: var(--backgound);
  border-radius: 10px 0 0 10px;
  float: right;
  text-align: center;
  max-width: 280px;
  min-width: 0;
}

.liensoulines {
  text-decoration: underline !important;
}

#custom-accessibility-menu .title_acessibilite {
  font-weight: 700;
  font-size: 1.3em;
  font-family: "Montserrat", sans-serif;
  color: var(--logo_text);
  margin: 0;
  margin-bottom: 15px;
}

@font-face {
  font-family: "opendyslexic";
  src: url("../fonts/dyslexic.ttf");
}

.opendyslexic {
  font-family: "opendyslexic", eulexia !important;
}

#custom-accessibility-menu details div {
  text-align: start;
}

#custom-accessibility-menu details summary {
  color: var(--logo_text);
  list-style: none;
  list-style-type: none;
}

#custom-accessibility-menu details summary::-webkit-details-marker {
  display: none;
}

/*------ Settings ------*/
#custom-accessibility-menu .container {
  position: relative;
  cursor: pointer;
  font-size: var(--size);
  user-select: none;
  fill: var(--logo_text);
}

#custom-accessibility-menu .container svg {
  height: var(--size) !important;
  width: var(--size) !important;
}

#custom-accessibility-menu .container .play {
  /* position: absolute; */
  animation: keyframes-fill 0.5s;
  padding: 0px !important;
}

#custom-accessibility-menu .container .pause {
  /* position: absolute; */
  display: none;
  animation: keyframes-fill 0.5s;
  padding: 0px !important;
}

/* ------ On check event ------ */
#custom-accessibility-menu .container input:checked ~ .play {
  display: none;
}

#custom-accessibility-menu .container input:checked ~ .pause {
  display: block;
}

/* ------ Hide the default checkbox ------ */
#custom-accessibility-menu .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* ------ Animation ------ */
@keyframes keyframes-fill {
  0% {
    transform: rotate(-180deg) scale(0);
    opacity: 0;
  }

  50% {
    transform: rotate(-10deg) scale(1.2);
  }
}

#custom-accessibility-menu #config_lecaudio_d div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: var(--logo_text);
}

#custom-accessibility-menu #config_lecaudio_d select,
#custom-accessibility-menu #config_lecaudio_d input {
  width: min-content;
  max-width: 70%;
  background-color: var(--logo_text);
  color: var(--checkbox);
  border-radius: 20px !important;
  width: min-content;
  padding: 3px 10px !important;
}

#custom-accessibility-menu summary::before {
  content: "+";
  margin-left: 5px;
  float: right;
}

#custom-accessibility-menu details[open] summary::before {
  content: "-";
}

/* fin css acessibilite */


.calendrier_battues {display: inline-grid;grid-template-columns: repeat(2, 1fr);gap: 1em;width: stretch;}
@media (max-width: 700px) {
    .calendrier_battues {grid-template-columns: 1fr;}
}