@CHARSET "utf-8";

:root{
	--sora_legende_color_0_30: #8DAAFF;
	--sora_legende_color_30_45: #7594EF;
	--sora_legende_color_45_50: #5D7EDF;
	--sora_legende_color_50_55: #4468CF;
	--sora_legende_color_55_70: #2C52BF;
	--sora_legende_color_70_100: #143CAF;
}

/* MISE EN PAGE GENERAL */
#bloc_carte div.dyn{overflow:hidden;text-align:center;margin:0 auto 0 auto;}
#bloc_carte div.dyn div.sora_divComp{width:48.5%;float:left;margin:0;}
#bloc_carte div.dyn div.sora_divCompAnc{width:48.5%;float:right;margin:0;}
#bloc_carte.bloc_carte_corps2cols{float:right;width:48%;clear:both;}

/* BULLE ZONE */
#sora_dialogPopupCarte{position:absolute;background:var(--sora-fond);box-shadow:1px 1px 0.75rem var(--sora-border);border-radius:0.5rem;padding:0.5rem;overflow:hidden;z-index:100;}
#sora_dialogPopupCarte div.titre{color:var(--sora-texte-principal);font-weight:700;font-size:0.9rem;text-align:center;line-height:1.2rem;min-width:100%;max-width:300px;/*white-space:nowrap;text-overflow:ellipsis;*/overflow:hidden;}
#sora_dialogPopupCarte p.sousTitre{color:var(--sora-texte-principal);font-weight:400;font-size:0.7rem;line-height:1.2rem;text-align:center;padding:2px 0;margin:0;}
#sora_dialogPopupCarte p.legende{font-size:.7rem;font-weight:700;margin:1px 0 1px 0;text-align:center;white-space:nowrap;}
#sora_dialogPopupCarte p.legende>span{text-transform:uppercase;display:inline-block;width:auto;border-top:1px solid;border-bottom:1px solid;padding:3px;margin:3px;}
#sora_dialogPopupCarte p.legende>span.complet{color:var(--sora-titre-complet);border-color:var(--sora-titre-complet);}
#sora_dialogPopupCarte p.legende>span.attente{color:var(--sora-texte-disabled);border-color:var(--sora-texte-disabled);}
#sora_dialogPopupCarte p.legende>span.sansCandidature{text-transform:none;color:var(--sora-titre-erreur);border-color:var(--sora-titre-erreur);}
#sora_dialogPopupCarte table.resultats{border:none;border-top:1px solid var(--sora-border);min-width:100%;max-width:300px;margin:6px auto 0 auto;position:relative;font-size:.75rem;line-height:1.3rem;}
#sora_dialogPopupCarte table.resultats th{text-align:left;border:none;padding:0.5rem 0.125rem 0.25rem 0.125rem;white-space:normal;line-height:1.3rem;vertical-align:bottom;}
#sora_dialogPopupCarte table.resultats th.pourcent{text-align:right;width:75px;}
#sora_dialogPopupCarte table.resultats th.sieges{text-align:right;}
#sora_dialogPopupCarte table.resultats td{text-align:right;border:none;padding:0.25rem 0.125rem;white-space:nowrap;vertical-align:middle;}
#sora_dialogPopupCarte table.resultats td.candidat{text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#sora_dialogPopupCarte table.resultats td.candidat span.couleur{font-size:.6rem;font-weight:700;text-align:center;margin-right:0.25rem;border-radius:1rem;color:#fff;display:inline-block; width: 48px; padding: 0.125rem 0.25rem;}
#sora_dialogPopupCarte table.resultats td.sieges{text-align:right;font-weight:700;}
#sora_dialogPopupCarte span.attention{color:var(--sora-titre-erreur);display:block;width:100%;font-size:.7rem;}
#sora_dialogPopupCarte span.complet{color:var(--sora-titre-complet);;display:block;width:100%;font-size:.7rem;}

#sora_dialogPopupCarte table.resultats td span.elut2 {display:inline-block;text-align: center;white-space: nowrap; width: 48px; background-color: rgba(10, 220, 110, 0.25);border-color: var(--sora-texte-complet);color: var(--sora-titre-complet);padding: 0.125rem 0.25rem;border-radius: 2rem;border-width: 1px;border-style: solid;margin-right: 0.25rem;font-size: 0.7em;font-weight: 600;overflow: hidden;text-overflow: ellipsis;}


/* CARTE SVG */
#bloc_carte div.carte,#bloc_carte div.carte_comp{position:relative; overflow: hidden; z-index:0; text-align:center; border: 1px solid var(--sora-bouton-off); border-radius: 0.5rem;width: calc(100% - 0.5rem);}
#bloc_carte svg{z-index:20; margin:0 auto 0 auto !important;height:400px;}
#bloc_carte svg g{}
#bloc_carte svg a,#bloc_carte svg a:hover,#bloc_carte svg a:visited,#bloc_carte svg a:link,#bloc_carte svg a:active{stroke:inherit !important;fill:inherit !important;}
#bloc_carte svg a path{stroke-width:1px;stroke:#bbb;fill:#fff;}
#bloc_carte svg a path:hover{fill-opacity:0.7 !important;}

/* ZOOM */
/*#bloc_carte div.sora_zoom_carte{position: absolute; bottom: 0; right:0; z-index: 30; display: flex; flex-direction: column;justify-content:flex-end;padding-right: 0.25rem; padding-bottom:0.25rem; gap: 0.25rem;}*/
#bloc_carte div.sora_zoom_carte{position: absolute; bottom: 0; right:0; z-index: 30; display: flex; flex-direction: column;justify-content:flex-end;margin-right: 0.25rem; margin-bottom:0.25rem; gap: 0.25rem; background:var(--sora-fond); border: 0.5px solid var(--sora-bouton-off); border-radius: 0.5rem;box-shadow:1px 1px 0.75rem var(--sora-border);opacity: 0.8; cursor: pointer;}
#bloc_carte span.sora_btn_zoom_recenter{border-top: 0.5px solid var(--sora-bouton-off); padding-top: 0.25rem;}
/* DEPLACEMENT */
#bloc_carte span.sora_btn_move{position: absolute; background: rgba(255,255,255,0.8); border-radius: 0.5rem; box-shadow: 1px 1px 0.75rem var(--sora-border); cursor: pointer;}
#bloc_carte span.sora_btn_move_up{position: absolute; top: 2rem; left: 50%; transform: translate(-50%, -100%);}
#bloc_carte span.sora_btn_move_down { bottom: 2rem; left: 50%; transform: translate(-50%, 100%); }
#bloc_carte span.sora_btn_move_left { left: 2rem; top: 50%; transform: translate(-100%, -50%); }
#bloc_carte span.sora_btn_move_right { right: 2rem; top: 50%; transform: translate(100%, -50%); }
/* boutons resultats / abstention*/
#bloc_carte div.sora_carte_btns_resultats{display: flex; flex-direction: column; gap:0.25rem;padding:0.25rem; background:var(--sora-fond); border-right: 0.5px solid var(--sora-bouton-off);border-top: 0.5px solid var(--sora-bouton-off); border-radius: 0 0.5rem 0 0;opacity: 0.8; width: 25%; min-width: fit-content; cursor: pointer;}
#bloc_carte div.sora_carte_btns_resultats .sora_carte_select_resultat{display:flex; align-items:center; color: var(--sora-texte-disabled); font-size: 0.7rem; background: var(--sora-fond)!important;}
#bloc_carte div.sora_carte_btns_resultats select {border: none; cursor: pointer;}
/* Légende Abstention */
#bloc_carte div.sora_legende_carte{display:none; padding:0.25rem; display: flex; flex-direction:column; justify-content:space-evenly; gap: 0.25rem;}
#bloc_carte div.sora_legende_libelle{font-size: 0.7rem; color: var(--sora-texte-disabled);}
#bloc_carte div.sora_legende_values{display: flex; justify-content: space-between; flex-wrap: wrap;}
#bloc_carte div.sora_legende_value{display:flex; align-items:center; justify-content:space-between; color: var(--sora-texte-disabled); font-size: 0.7rem;}
#bloc_carte div.sora_legende_carte div.sora_legende_color{width: 0.5rem; height: 0.5rem; border-radius: 50%; margin: 0 0.25rem;}
#bloc_carte div.sora_legende_carte div.sora_legende_color_0_30{background-color: var(--sora_legende_color_0_30);}
#bloc_carte div.sora_legende_carte div.sora_legende_color_30_45{background-color: var(--sora_legende_color_30_45);}
#bloc_carte div.sora_legende_carte div.sora_legende_color_45_50{background-color: var(--sora_legende_color_45_50);}
#bloc_carte div.sora_legende_carte div.sora_legende_color_50_55{background-color: var(--sora_legende_color_50_55);}
#bloc_carte div.sora_legende_carte div.sora_legende_color_55_70{background-color: var(--sora_legende_color_55_70);}
#bloc_carte div.sora_legende_carte div.sora_legende_color_70_100{background-color: var(--sora_legende_color_70_100);}
/* TAUX */
/* --- tableau --- */
#bloc_carte div.soraTauxVoix{margin:1rem auto 0.6rem auto;height:auto;overflow:hidden;max-width:400px;color:#000;}
#bloc_carte div.dyn>div>div.soraTauxVoix{max-width:300px;}
#bloc_carte div.soraTauxVoix div{padding:0;position:relative;float:left;}

#bloc_carte div.soraTitreTaux{width:100%;text-align:center;}

#bloc_carte div.soraTitreTauxPhoto{width:calc(100% - 54px);}
#bloc_carte div.soraTauxPhoto{text-align:center;float:left;height:auto;overflow:hidden;width:54px;height:54px;}
#bloc_carte div.soraTauxPhotoHide{display:none;}
#bloc_carte div.soraTauxPhoto img{max-width:50px;max-height:50px;position:absolute;left:0px;bottom:4px;}

#bloc_carte div.soraTitreTaux>div{display:block;font-size:.9rem;line-height:1.3rem;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;float:left;margin-bottom:5px;padding:2px;}
#bloc_carte div.soraTitreTaux>div.candidat{font-weight:400;}
#bloc_carte div.soraTitreTaux>div.candidat>span.sigle{font-weight:600;}
#bloc_carte div.soraTitreTaux>div.titreTop{font-weight:600;margin:0 0 0.5rem 0;}

#bloc_carte div.soraDataTaux{width:100%;text-align:left;overflow:hidden;}
#bloc_carte div.soraDataTaux div.ligneTop{font-size:.85rem;line-height:1.4rem;white-space:nowrap;width:100%;display:block;}
#bloc_carte div.soraDataTaux div.ligneTop:nth-child(odd){background-color:#e5e5e5;}
#bloc_carte div.soraDataTaux div.ligneTop:nth-child(even){background-color:#ffffff;}
#bloc_carte div.soraDataTaux div.ligneTop div{display:inline-block;}
#bloc_carte div.soraDataTaux div.ligneTop div.pourcent{width:62px;text-align:right;padding:2px 8px 2px 2px;}
#bloc_carte div.soraDataTaux div.ligneTop div.zone{text-align:left;width:calc(100% - 62px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:2px 2px 2px 8px;}

#bloc_carte div.soraLegendeTaux{width:100%;text-align:center;overflow:hidden;margin:0 0 8px 0;}
#bloc_carte div.soraLegendeTaux div.soraBlocLegende{width:25%;padding:2px 0;overflow:hidden;border-left:1px solid #fff;text-align:center;font-size:0.7rem;font-weight:600;}
#bloc_carte div.dyn>div>div.soraTauxVoix div.soraLegendeTaux div.soraBlocLegende{font-size:.6rem;}
#bloc_carte div.soraLegendeTaux div.soraBlocLegende:first-child{border-left:0;border-left:none;}
#bloc_carte div.soraLegendeTaux div.soraBlocLegende>span{display:inline;}

#sora_global.smartphone #bloc_carte div.carte,#sora_global.smartphone #bloc_carte div.carte_comp{padding-top:5px;}

@media all and (min-width: 601px) and (max-width:900px) {
 	/* mode 2col et comparer uniquement */
	#sora_global.smartphone #bloc_carte div.dyn>div>div.soraTauxVoix div.soraTitreTaux>div{font-size:.8rem;line-height:1.2rem;}
	#sora_global.smartphone #bloc_carte div.dyn>div>div.soraTauxVoix div.soraDataTaux div.ligneTop{font-size:.7rem;line-height:1.2rem;}
	#sora_global.smartphone #bloc_carte div.dyn>div>div.soraTauxVoix div.soraLegendeTaux div.soraBlocLegende{font-size:0.6rem;}
	#sora_global.smartphone #bloc_carte div.sora_legende_value{width: 33%; justify-content: flex-start;}
}
@media all and (max-width: 600px) {
	/* mode 1col et tour */
 	#sora_global.smartphone #bloc_carte div.soraTauxVoix{margin:10px auto 5px auto;}
	#sora_global.smartphone #bloc_carte div.soraTitreTaux>div{font-size:.85rem;line-height:1.2rem;margin-bottom:4px;padding:2px;}
	#sora_global.smartphone #bloc_carte div.soraTitreTaux>div.titreTop{margin:0 0 4px 0;}

	#sora_global.smartphone #bloc_carte div.soraDataTaux div.ligneTop{font-size:.75rem;line-height:1.2rem;}
	#sora_global.smartphone #bloc_carte div.soraDataTaux div.ligneTop div.pourcent{width:54px;padding:2px 4px 2px 2px;}
	#sora_global.smartphone #bloc_carte div.soraDataTaux div.ligneTop div.zone{width:calc(100% - 54px);padding:2px 2px 2px 4px;}

	#sora_global.smartphone #bloc_carte div.soraLegendeTaux{margin:0 0 4px 0;}
	#sora_global.smartphone #bloc_carte div.soraLegendeTaux div.soraBlocLegende{padding:2px 0;font-size:0.65rem;}
	
	/* mode 1col et comparer */
	#sora_global.smartphone #bloc_carte div.dyn>div>div.soraTauxVoix{margin:10px auto 5px auto;}
	#sora_global.smartphone #bloc_carte div.dyn>div>div.soraTauxVoix div.soraTitreTaux>div{font-size:.7rem;line-height:1.0rem;margin-bottom:4px;}
	#sora_global.smartphone #bloc_carte div.dyn>div>div.soraTauxVoix div.soraTitreTaux>div.titreTop{margin:0 0 4px 0;}

	#sora_global.smartphone #bloc_carte div.dyn>div>div.soraTauxVoix div.soraDataTaux div.ligneTop{font-size:.65rem;line-height:1.0rem;}
	#sora_global.smartphone #bloc_carte div.dyn>div>div.soraTauxVoix div.soraDataTaux div.ligneTop div.pourcent{width:46px;}
	#sora_global.smartphone #bloc_carte div.dyn>div>div.soraTauxVoix div.soraDataTaux div.ligneTop div.zone{width:calc(100% - 46px);}

	#sora_global.smartphone #bloc_carte div.dyn>div>div.soraTauxVoix div.soraLegendeTaux{margin:0 0 4px 0;}
	#sora_global.smartphone #bloc_carte div.dyn>div>div.soraTauxVoix div.soraLegendeTaux div.soraBlocLegende{font-size:0.45rem;}
	#sora_global.smartphone #bloc_carte div.dyn>div>div.soraTauxVoix div.soraLegendeTaux div.soraBlocLegende>span{display:none;}
	
	/* bulle */
	#sora_global.smartphone #sora_dialogPopupCarte div.titre{max-width:260px;}
	#sora_global.smartphone #sora_dialogPopupCarte table.resultats{max-width:260px;}
	#sora_global.smartphone #sora_dialogPopupCarte table.resultats .pourcent{width:65px;}
	#sora_global.smartphone #sora_dialogPopupCarte table.resultats .pourcentLocal{width:60px;}	
	#sora_global.smartphone #sora_dialogPopupCarte table.resultats .pourcent2{width:25px;}
	#sora_global.smartphone #sora_dialogPopupCarte table.resultats td.candidat span.couleur{margin-right:2px;border-radius:0.625rem;font-size:0.55rem;}
	
	/* zomm et déplacement carte */
	#sora_global.smartphone #bloc_carte div.sora_zoom_carte{display: none;}
	#sora_global.smartphone #bloc_carte span.sora_btn_move{display: none;}
	/* Légende abstention */
	#sora_global.smartphone #bloc_carte div.sora_legende_value{width: 50%; justify-content: flex-start;}
}