<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">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: 1400px; width:100%;margin: 0 auto}
.page-int &gt; .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 -&gt; carte cimetiere leaflet */
.width100pc{width:100%;} .invisible{display:none;}

a, p, td, li{ color:#222222; font-family: "Montserrat", sans-serif;}
h1{ font-size:240%; text-transform: uppercase; margin:1.2em 0 1em 0; font-family: "Montserrat", sans-serif;font-weight: 700;}
h2{ font-size:180%; font-weight:600; color:#0072BF;margin:1em 0 .8em 0;font-family: "Montserrat", sans-serif;font-weight: 600;}
.full-width.gris h2{ margin:0 0 .8em 0;}
h3{ font-size:140%; font-weight:600; color:#0072BF; margin:.8em 0 .6em 0; font-family: "Montserrat", sans-serif;}
h4{ font-size:120%; ; margin:.6em 0 .4em 0; font-family: "Montserrat", sans-serif;}
b, strong{ font-weight:700; font-family: "Montserrat", sans-serif;}
.legende{ font-size:90% ; font-style: italic; color:#555555; font-weight: 300;font-family: "Montserrat", sans-serif;
}
.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; font-family: "Montserrat", sans-serif;
}
ul.enligne, #nuagedetags ul{margin:0; padding:0; list-style-type:none;font-family: "Montserrat", sans-serif;
 }
ul.enligne li{ list-style-type:none; margin:0; padding:0; display:inline; font-family: "Montserrat", sans-serif;
}

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

.full-width{ width: 100vw; position: relative; margin-left: -50vw; left: 50%;/*float:left;*/ display:block}
.full-width.gris{display: flex;}
.full-width.gris{ background:#f7f4f4; margin-top:15px; margin-bottom:15px; padding-top:15px; padding-bottom:15px; }
.full-width.orange{position: relative; overflow: hidden; padding-top:20px; padding-bottom:20px; margin-bottom:15px; background: linear-gradient(360deg, #0072BF 1%, #00B6E0 100%);
}
.full-width.col-full.orange{ padding-bottom:15px; }
.page-accueil .full-width.col-full.orange{margin-top: 15px;}
.full-width.col-full.orange::after{ display: none}
.full-width.orange *{ color:#ffffff}

.full-width.orange form .affichageForm *{ color:#716c6c}
.full-width.orange form .affichageForm label{ color:#000}

.renseigne div.block_content:last-child a {display: inline-block;margin: 10px auto;background: #ffffff;color: #000000 !important;text-decoration: none;font-weight: 900;padding: 10px 15px;border-radius: 10px;}

/*Header*/
header{ width:100%;  position:relative; float:left ; z-index:100}
.top-line{ width:100%; float:left ; padding:10px 30px; text-align: center; display:flex; justify-content: space-around; align-items: center; border-bottom:1px solid #0072BF }
.page-accueil .connexion{display: none}
.user{ float:left;display:flex;}
.user a{display:flex;text-decoration:none;color:#0072BF;font-weight:400;border: 2px solid #0072BF;padding: 10px;border-radius: 5px;margin-left: 10px;}
.user a img{ margin:0 8px 0 0;/*filter: brightness(100000) grayscale(100%);*/filter: brightness(0) invert(1);}
/*.user a:hover img{filter: brightness(0);}*/
.user.user-admin a, .user.user-gest a{ background:#00B6E0; color:#fff;border: 2px solid #00B6E0; }
.user.user-gemap a, .user.user-interv a{ background:#0072BF; color:#fff;}
.user a:hover{ border-color: #000; background-color: #000; color: #fff;}
#logo{ background: #ffffff; padding:10px 30px;position:relative; z-index:20; float:left;}
#logo img{ width:135px;}

.navtop .menu0active{text-decoration: none; /*background-color: #fff; color: #0072bf !important; border-radius: 10px;*/}
.navtop a{color: #fff !important; border: 2px solid #fff; background-color: transparent !important; font-size: 1rem !important; text-transform: uppercase;}
.navtop a:hover{color: #0072bf !important; border: 2px solid #fff; background-color: #fff !important;}

/* 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:#fff; padding:12px;text-decoration:none; font-weight:700; }
nav dl dt a:hover{ 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:#0072bf; }


.gemapi_admin{background-color: #ebf7ff;padding: 5px 15px;border-radius: 10px;margin-top: 10px;display: flex;justify-content: space-between;align-items: center;}
.gemapi_admin span{font-weight: 700;}


/* 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: 0px 0px 10px rgba(0,0,0,0.3); 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; justify-content: center;margin-bottom: 25px!important;}
.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:#0072bf; 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}

.bloc-object h3{font-weight: 300;margin: 0;}

.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}

/* Accueil */
.bloc-object h3 span{font-size: 80%; font-weight: 400;}

/*Footer*/
footer{ width:100%; float:left ; padding:20px 30px; text-align: center; display:flex; justify-content: space-around; align-items: center; background:#0072BF; color:#ffffff}
footer a{position:relative; color:#ffffff; text-decoration: none; padding:5px}
footer a:hover {text-decoration: underline; text-underline-offset: 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; min-height:30vh}
.page-accueil main .container{ padding-top:30px; padding-bottom:30px;display: flex;align-items: center;}
.page-accueil .align-center {margin: 0;}
.full-width.gris div.align-center p, .full-width.gris div.align-center {margin-bottom: 0;}


#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 */
.haut_menuLat, .bas_menuLat, .menuLat{display:none}
.menuLat ul, .menuLat li { margin: 0; padding: 0; list-style-type: none; clear:both;}
.menuLat a{ text-decoration:none; display:block;}
.menuLat a:hover{background-color:#927586}
.menuLat li{margin:3px 0;}
.menuLat ul li{background-color:#63515D;}

.menuG-2, .menuGactive-2{ padding:5px 10px; color:#fff; }
.menuGactive-2{background-color:#927586}

/* 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}*/
#mapid{border-radius: 10px;}
#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;
   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 &gt; 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;}
.add-battue{margin-bottom:15px}
.add-battue a{background-color:#ffc400;padding:10px 15px;border-radius:10px;text-decoration:none;font-weight:700}
.add-battue a:hover{background-color:#000;color:#ffc400}
#tableau_battue{ width:100%; margin-bottom:20px;  padding:0}
#tableau_battue table{ width:100%; padding:0 !important; margin:0 !important; border:2px solid #f06d2d; border-collapse:collapse}
#tableau_battue table tbody{ width:100%; padding:0; border-radius:12px;}
.title_battue, .title_battue:hover{ background-color:#f06d2d; text-align:center; }
.title_battue table td{ text-align:center;  padding:6px !important;}
tr.style_tab1 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, .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; /*background-color:#3cf4e9;*/ color:#000;}
#Concession a, #Renseignement a{ color:#fff; }
#Concession a:hover, #Renseignement a:hover{ color:#ccc; }

/*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;}

select{ border:1px solid #0072BF; border-radius:10px; 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 &gt; 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:#007bc3; border-radius:10px;
margin: 10px 1% 10px 1%;width: 31.33%;display: flex;flex-direction: column;flex-wrap: wrap;align-items: stretch;
}
.commune-cimetiere a{   text-decoration:none; padding:15px;   font-size:120%;  font-weight: 600;color: #fff;}
.commune-cimetiere:hover, .commune-cimetiere:hover a{ background:#1f1f1f; }

#tableau_battue a button{padding:8px 15px;border-radius:12px;margin:5px 0;width:-webkit-fill-available;width:-moz-available;}
.btn-action{display: flex;flex-wrap: wrap;justify-content: center;align-items:center}
#accueil .btn-action{height:155px}
a button, input[type="reset"], input[type="submit"]{ background-color:#313131 ; color:#ffffff; padding:10px 20px; border-radius:12px; border:1px solid #313131; cursor: pointer; margin:10px 5px; font-weight:700}
a button:hover,input[type="reset"]:hover, input[type="submit"]:hover{ background-color:#0072BF; 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:#0072BF; 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 #0072BF}
.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 &gt; 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 &gt; 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 */
/* Mis en commentaire par Gauthier - 04/05/2023*/
.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-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:0px dashed;}
#tableau_communes_az span { display:inline-block; margin:2px}
#tableau_communes_az a {  border-radius: 10px; background: #00b6e0;  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%}
form .affichageForm {margin:5px 0; width:100%; float:left; background: #eeeded; border-radius:10px; padding:10px; text-align:left;}
form .affichageForm label{width:auto; min-width:0;} 
form .affichageForm:not(#ElementForm_1234) label{margin-bottom: 10px;} 
form .affichageForm &gt; input, form .affichageForm textarea {    position: relative;    display: inline-block;   background: #fff;   border-radius: 10px;      border:none; padding: 12px; width:100%;margin:0}
.GroupRadio label{ font-weight:400}


@media (min-width: 760px){ 
   
  #ElementForm_1, #ElementForm_4, #ElementForm_7, #ElementForm_1253, #ElementForm_1255, #ElementForm_1258,#ElementForm_1223, #ElementForm_1225, #ElementForm_1228{ width:49.5%}
  #ElementForm_72, #ElementForm_5, #ElementForm_8, #ElementForm_1263, #ElementForm_1256, #ElementForm_1260,#ElementForm_1233, #ElementForm_1226, #ElementForm_1230{ width:49.5%; float:right}
  
  .cell-tab{ padding:6px; min-width: 25%;}
  .cell-tab.nom-tab{ min-width: 45%;}
  
  .leaflet-popup-content {   width:250px !important;}
}

#ElementForm_1238 {display: none;}
#ElementForm_1231 label {text-align: left;}

/*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:#00b6e0; }
.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:#0072bf !important; font-weight:700;}
main .PLAN0 a::before{ content:"\00279E   "}
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: #0072bf;  }
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;}

@media (min-width: 1006px){ 
  #menuH{display:block !important; margin-top:15px}
  nav dl dt a{display:block; font-size:110%; color:#0072BF; padding:6px 12px;text-decoration:none;    text-transform: uppercase;font-weight: 700;}
  nav dl:last-child dt a{ border:none}
}
@media (max-width: 1460px){
.container, .page-int .container { width:94%;}
}

/*  */@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; }


.row  {   margin-left: -10px;  margin-right: -10px; }

#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;}
  #logo {  padding: 10px 15px;}
  #logo img{ height: auto}
  .user a{ font-size: 0; text-align:center}
  .user a img{ height:20px;display:inline}
  .connexion .user.user-admin a::after{ content:" Admin"; position: relative; font-size: 13px;}
  .connexion .user.user-gemap a::after{ content:" Gemapien"; position: relative; font-size: 13px;}
  .connexion .user.user-gest a::after{ content:" Gestionnaire"; position: relative; font-size: 13px;}
  .connexion .user.user-interv a::after{ content:" Intervenant"; position: relative; font-size: 13px;}

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

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


}/*-----------------------*/
/*  */@media (max-width: 1005px){
.container, .page-int .container { width:92%;}
  /* .top-line{ display:block} */
 /* .user a{ padding:10px 15px; display:block}*/
  
      #menu{ width:100%; padding-left: 0; padding-top: 97px !important;}
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:#0072bf url(/charte/controle-menu.png) center center no-repeat; z-index:50; margin:5px;background-size: 40px auto;border-radius: 10px;}
#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;  }
#menuH #menu {background: linear-gradient(90deg, #0072BF 1%, #00B6E0 100%); padding: 10px 10px;}
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 &gt; .row, .page-int .container &gt; .row { margin:0}
#logo img{ width:180px }

}/* ---------------------*/
/*  */@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%;}

}/* ---------------------*/
/* @group -720PX */@media (max-width: 721px){
  .block_content.bloc-object{ width:48% !important;}
  .page-accueil main .container{flex-wrap: wrap;padding-top: 0;padding-bottom: 0;}
  .page-accueil main .container img{height: auto !important; width: 35% !important;}
  .full-width.gris div.align-center p, .full-width.gris div.align-center{margin-bottom: 8px;}

}/* ---------------------*/
/* @group -640PX */@media (max-width: 640px){
.bis_title{ color:#fff; font-size:160%;  }
  #firstline, #secondline{ font-size:100%; }
.top-line {    padding: 5px ;}  
  #logo {    padding: 5px 10px 2px 10px;}
  h1{ font-size:180%; 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}*/
  .cartoAdmin{ height:60vh !important; position: relative; z-index: 1}

}/* ---------------------*/
/* @group -600PX */@media (max-width: 600px){
  .diaporama{ min-height: 280px }

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

 
}/* ---------------------*/
/* @group -540PX */@media (max-width: 541px){
  .commune-cimetiere{  margin: 10px 1% 10px 1%;width: 98%;}
  .connexion{display: flex; float: right; /*margin-top:54px*/}
  .user{ display: inline-block; float: none}
  .user a{ margin:2px}
  #controle-menu{clear: right;/*position:absolute;*/ top:0; right:0}
  #logo img{ width:130px }
  #logo {    padding: 5px;}
}/* ---------------------*/
/* @group -480PX */@media (max-width: 480px){



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

  
}/* ---------------------*/
/* @group -360PX */@media (max-width: 400px){
  .user a{ padding:8px 5px}
  .user a img {  margin: 0 4px 0 0; height: 16px;}

}/* ---------------------*/
/* @group -320PX */@media (max-width: 320px){
  .block_content.bloc-object{ width:98% !important;}
  .connexion{display: flex; float: right; margin-top:4px}
}/* ---------------------*/
/* @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}


}

/*@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 !important;  padding-right: 15px !important;}
.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%; }
 }

.block_content.carto{padding: 15px 20px !important;}
.carto table, .carto table td{border: none;}


/*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;}

#Cartographie_carte {  display: flex;}

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

/*#mapid {  width: 100%;  height: 80vh;}*/
.cartoAdmin {  width: 100%;  height: 80vh;}


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

.page-int form .affichageForm{ font-size:110% }
/* .page-int form .affichageForm &gt; input, .page-int form .affichageForm textarea {  position: relative;   background: #ffffff;  border-radius: 6px;
  border: none; padding: 10px;   margin: 0;font-size:95%} */
.page-int form .affichageForm textarea { font-size:110%}
form .affichageForm label{ font-size:110%}

.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;}

/*#mapid.MapNumero{ min-height:360px}*/
.cartoAdmin.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;  }*/
  .cartoAdmin{   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}
}

.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}

table{ width: 100%; margin:15px 0;border: 1px solid #303030;}
table th{ background: #303030; color:#ffffff; padding:10px 5px;  position: sticky;  top: 0; z-index: 2}
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 td input[type="text"], table td input[type="email"], table td input[type="password"],table td input[type="url"],table td textarea{width: 35%;}
table ul{margin:0}
.select-intervenants table td:nth-child(2n) {column-count: 3;-moz-column-count: 3;-webkit-column-count: 3;display: inline-block;width: 100%;}
.select-intervenants table td&gt;ul{padding:0; margin-bottom: 10px;}
.select-intervenants table td ul li{list-style-type: none;display: inline-block;}
.select-intervenants table td ul li ul{display: flex;flex-direction: column;padding-left: 20px;}
table input, table select{ margin:2px}
.head-style-table table, .body-style-table table{border-radius: 10px;}
.head-style-table table th:first-child{border-top-left-radius: 10px;}
.head-style-table table th:last-child{border-top-right-radius: 10px;}
.head-style-table table tr:last-child td:first-child{border-bottom-left-radius: 10px;}
.head-style-table table tr:last-child td:last-child{border-bottom-right-radius: 10px;}

.body-style-table table tr:first-child td:first-child{border-top-left-radius: 10px;}
.body-style-table table tr:first-child td:last-child{border-top-right-radius: 10px;}
.body-style-table table tr:last-child td:first-child{border-bottom-left-radius: 10px;}
.body-style-table table tr:last-child td:last-child{border-bottom-right-radius: 10px;}
.body-style-table.select-intervenants table select{height: 20vh;}
.body-style-table table td:first-child{width: 25%;}

div.tableausuivi {  max-width: 100%;  max-height: 82vh;  overflow: scroll;  position: relative;}
div.tableausuivi table {  position: relative;  border-collapse: collapse;}
.tableausuivi &gt; thead{z-index: 3; position: relative}
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; }
  
 
.gemapi-suivi-doc h2{ color:#000000; font-weight: 700; font-size: 160%;margin: 1.2em 0 .4em 0;}
.gemapi-suivi-doc h3, .gemapi-suivi-doc .bloc-bleu h2{ color:#0072BF; font-size: 120%; font-weight: 600; margin: 0;}
.gemapi-suivi-doc h4{ margin: .4em 0;}
.bloc-info{min-width: 70%; ; float:left;margin-bottom:15px;margin-top: 10px;}
.bloc-avis{display: flex;flex-wrap: wrap;}
.nom-lib{font-weight: 600;}
/*.gemapi-suivi-doc #mapid {  max-height: 320px;}*/
.gemapi-suivi-doc .cartoAdmin {  max-height: 320px;}
.gemapi-suivi-doc .GemapiDossierFinSuspendu{display: flex;justify-content:center}

.btn-center{ text-align: center}

.gemapi-suivi-doc ul.progressbar li {  list-style-type: none;  color: #000;  float: left;
  position: relative;  text-align: center;  font-size: 11px; max-width:96px; padding:2px 5px}
.gemapi-suivi-doc ul.progressbar li:before {  font-size:20px; font-weight:700;
  color: #fff;  width: 60px;  height: 60px;  line-height: 60px;  margin: 0 auto 10px auto;  background: #00B6E0;}
.gemapi-suivi-doc ul.progressbar li:after {  content: "";  background: #00B6E0;
  position: absolute;  width: 100%;  height: 10px;  top: 26px;  right: -50%;  z-index: -1;}
.gemapi-suivi-doc ul.progressbar li:last-child:after {  content: none;}
.gemapi-suivi-doc ul.progressbar li.done:before, .gemapi-suivi-doc ul.progressbar li.done:after {background: #0072BF;  color: #fff;}
.gemapi-suivi-doc ul.progressbar li.current:before {  background: #7fb8df;  color: #fff;}
.gemapi-suivi-doc ul.progressbar li.current.fail:before {  background: #FF0000;  color: #fff;}
.gemapi-suivi-doc ul.progressbar li.fail:before {  background: #00B6E0}

a.etapes-precedentes button{background-color:#0072BF;border:1px solid #0072BF}
a.etape-actuelle button{background-color:#7fb8df;border:1px solid #7fb8df}
a.etapes-precedentes button:hover,a.etape-actuelle button:hover{background-color:#000;}


/* SE */
.GemapiDossierSuspendu {display: block;background-color: red;color: white;text-decoration: double;font-size: large;font-size: x-large;padding:3px 10px}

.bloc-bleu{ background: #E5EFF6; padding:15px 20px; border-radius:10px; margin:10px 0; width:100%; float:left}
.bloc-gris{ background: #E7E7E7; padding:15px 20px; border-radius:10px; margin:10px 0; width:100%; float:left}
.gemapi-suivi-doc input[type="submit"],.GemapiDossierFinSuspendu input[type="submit"]{border:none; padding:10px 20px; border-radius:10px;
color:#ffffff; font-weight:700; text-transform:uppercase; /*! display:inline-block; */ margin:5px 10px 5px 0}
.gemapi-suivi-doc input[type="submit"]{background: #0072BF;}
.gemapi-suivi-doc input[type="submit"]:hover{cursor: pointer;background-color:#000;}
.GemapiDossierFinSuspendu input[type="submit"]{background: red}

.gemapi-suivi-doc textarea{border:1px solid #0072BF; border-radius:6px; padding:10px; margin:10px 0; 
max-width: 100%}
.gemapi-suivi-doc .bloc-gris textarea{border:1px solid #000000;}
.GemapiEtatCommentaireAuteur{color:#0072BF; font-weight: 600;}
.gemapi-suivi-doc select{border:1px solid #000; background: #0072BF; color:#fff;border-radius:6px;
padding: 5px 10px; margin:2px 0}

.canvas-legend{ width: 100%; float:left; padding:5px; background: #ffffff; border-radius:10px; text-align:left}
.canvas-legend &gt; div{ display: inline-block; margin:5px 10px; position:relative}
.canvas-legend &gt; div:before{ content:" "; width:14px; height:14px; line-height:14px; display: inline-block;
  background: #808080; margin-right:4px}
.canvas-legend &gt; div.favorable:before{  background: #008000;}
.canvas-legend &gt; div.defavorable:before{  background: #ff0000;}
.canvas canvas{ background: #fff; border-radius: 50%; margin:5px}
@media (min-width: 992px) { 
  .bloc-info-les-avis .GemapiDossierCommentaire{ width:100%}
.canvas{margin-right: 28px; width:28%; text-align: center} /*float: right*/;
}

.GemapiRessources ul{padding: 0; margin:0 0 10px 0}
.FichierGemapi{ background: #ffffff; list-style-type: none; margin:5px 0; padding:10px 15px; border-radius: 10px}
.FichierGemapi a{ text-decoration: none; font-weight: 700; display: block}
.FichierGemapiCommentaire{ font-style: italic}

.vote-input, .vote-enrigistre{ float: left; width: 100%; margin:2px 0}
.vote-input span{ display: inline-block; margin:5px 20px 5px 0; background: #ffffff; padding:10px; border-radius:6px}
.vote-input input[type="radio"] {  display: none;}
.vote-input input[type="radio"] + label {  position: relative;  padding-left: 26px;}
.vote-input input[type="radio"] + label::before{  display: block;  position: absolute;
  box-sizing: border-box;  bottom: 0;  left: 0;  content:'';  width: 20px;  height: 20px; 
  border-radius: 3px;}
.vote-input input[type="radio"] + label::after {  display: block;  position: absolute;
  box-sizing: border-box;  bottom: 2px;  left: 2px;  content:'';  width: 16px;  height: 16px; 
  border-radius: 3px;}
.vote-input input[type="radio"] + label::before {  border: 1px solid #008000;  background-color: #fff;}
.vote-input input[type="radio"]:checked + label::after {  background-color: #008000;}
.vote-input .vote-non input[type="radio"] + label::before {  border: 1px solid #ff0000;  background-color: #fff;}
.vote-input .vote-non input[type="radio"]:checked + label::after {  background-color: #ff0000;}
.votes label{cursor: pointer;}

.fichier-Photo {  display: flex;  width: 100%;  flex-direction: row;  flex-wrap: wrap;
  align-items: stretch; justify-content:center}
.fichier-Photo li { position: relative; overflow: hidden;  margin: 5px 1% 5px 1%;width: 98%;
  display: flex;  flex-direction: column;  flex-wrap: wrap;  align-items: stretch; padding:0 }
.fichier-Photo li &gt; div{ padding:5px 10px}
@media (min-width: 1024px) {
.fichier-Photo li{ width:48%}
}


td.intervenants_etape{display: flex;flex-direction: column}
td.chkbox.chkbox_roles,td.raz{text-align: center}

main ul.progressbar li::before {margin-top:4px}


.color-votes{display:inline-flex;align-items: center;width:15px;border-radius:10px;height:15px;}
.color-votes#grey-vote{background-color:grey}
.color-votes#red-vote{background-color:#ff0000}
.color-votes#green-vote{background-color:#008000}

.green-etape{color:#008000;font-weight: bold;}
.orange-etape{color:orange;font-weight: bold;}
.red-etape{color:#ff0000;font-weight: bold;}



/* menu top - 2eme menu */
#menuTop{ display:block; width:100%; padding:0 ; }
#menuTop .navtop{ margin:0px; display:flex; float:left; width:100%; justify-content: space-between;background: linear-gradient(45deg, #00B6E0 1%, #0072BF 100%);align-items: center;}
#menucim{ padding:25px;}
.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:#0072bf; padding:10px 20px;text-decoration:none; font-weight:700; background:#ffffff; border-radius:10px; }
.navtop dl dt a:hover{ text-decoration:none; background: #00b6e0; 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:#00b6e0; 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%}

.CimInformation{ width:100%; margin:0 ;border-radius:10px; float:left ; padding:30px 30px 20px 30px; text-align: center;  background: linear-gradient(180deg, #FCCE5F 0%, #0072bf 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:#00b6e0 url(/charte/controle-menu.png) center center no-repeat; z-index:42; margin: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 #0072bf}
}
@media (max-width: 800px) {
  .nomcim{ font-size:110%; text-align:center;padding: 11px;}
.nomcim span{ margin:0 10px; text-align:center }
.NomVilleCim{ margin-top:10px !important; }
.TitreVilleCim{ margin-bottom:15px !important;}
}

.menu0active{text-decoration: underline; text-underline-offset: 7px; text-decoration-thickness: 3px;}
/* FORMULAIRE */
#ElementForm_878 label{margin: 0px !important;}

/* Page liste collectivitÃ©s */
.left_list_des_adherents .block_content b{width: 100%; display: block; text-align: center;}

/* ACCUEIL */
.page-accueil h1{text-align: center;}


/* PAGES */
.block-email-type div.header-email{display:flex;align-items:center;justify-content:space-between;}
.block-email-type div.header-email a{background-color:#313131;color:#fff;padding:10px 20px;border-radius:12px;border:1px solid #313131;margin:10px 5px;font-weight:700;font-size:13.5px;text-decoration:none;}
.block-email-type div.header-email a:hover{background-color:#00b6e0;}

#div_texte_email_type section.email-type{margin-bottom: 3em;}</pre></body></html>