*								{font-family:"Roboto","Open Sans","sans-serif";box-sizing:border-box;color:inherit;background-repeat:no-repeat} /*"Roboto"*/
*::-webkit-scrollbar			{width:5px;height:5px;background-color:transparent; }
*::-webkit-scrollbar-thumb		{background-color:#999; }

body, html						{padding:0;margin:0;height:100%;background-color:#EEE;overflow:hidden;text-align:left;background-size:cover;background-position:50%;image-rendering:-webkit-optimize-contrast} /* height:100%;position:fixed;top:0;left:0;bottom:0;right:0;overflow:hidden; */
ul,ol							{margin:5px 0;padding:0 10px 0 20px;text-align:left;color:inherit;font-size:inherit}
li								{color:inherit;font-size:inherit}
form							{margin:0}
img								{margin:0;border:0;vertical-align:middle}
a								{color:#0A2B69;cursor:pointer}
a:link							{color:#0A2B69;text-decoration:none}
a:visited						{color:#0A2B69;text-decoration:none}
a:hover							{color:#FF8000;text-decoration:none}
b,i								{font-size:inherit;color:inherit;line-height:inherit}
hr								{clear:both;border:1px solid #BBB;border-width:1px 0 0 0;height:0;margin:3px 0;padding:0;width:100%;opacity:0.5}
br								{line-height:inherit}
label							{cursor:pointer;position:relative;text-align:left;display:block;min-height:20px;padding:5px 5px 0 5px}
input, select, textarea 		{background-color:#FFFFF0;box-shadow:none;color:#555;vertical-align:middle;margin:3px;padding:2px;font-size:inherit;text-overflow:ellipsis}
input:focus, textarea:focus		{background-color:lightyellow;border-color:#70AD52}
textarea						{min-height:100px;padding:5px !important}
input[readonly="readonly"]		{background-color:#EEE;font-style:italic;color:gray;cursor:not-allowed}
input[type="color"]				{width:30px;background-color:transparent;padding:0;margin:auto;border:0}
input[type="range"]				{background-color:inherit;margin:0 1%;padding:0;width:90%;height:30px}

.FORMULAIRE .text_recherche 	{ background-color: #efefe0;box-shadow: 1px 1px 2px #AAA inset;height:32px}
.FORMULAIRE .text_recherche[type="text"]	{width:100%;}
.FORMULAIRE .text_recherche[type="file"]	{width:100%;}
.FORMULAIRE .text_recherche[type="number"]	{width:80px !important;padding:5px !important} /* largeur - les 2 boutons +/- de 32px */
/*
#TRI_DATA input[type="radio"]:checked+label {font-weight:bold;border-bottom:1px solid #000}
#TRI_DATA						{padding:5px 0;font-size:12px;text-align:center;table-layout: auto;}
#TRI_DATA input 				{display:none;}
#TRI_DATA label					{display:inline;min-height: 20px;padding:0 0 2px 0}
#TRI_DATA .cell					{text-align: center;height:20px}
*/
select							{font-size:14px;vertical-align:middle;margin:0;padding:2px 10px 2px 2px;border:1px solid #BBB;min-width:70px;width:auto;max-width:250px}
option							{font-size:inherit;padding:4px}
optgroup						{font-size:14px;padding:4px}
fieldset						{margin:7px;border-radius:5px;border:1px solid #CCC;background-color:#FFF}
p								{margin:10px 5px;text-align:left}
span, a, label					{font-size:inherit;color:inherit;font-family:inherit;line-height:inherit}
datalist						{display:none}
div 							{font-size:inherit;line-height:inherit;color:inherit}
table							{border-collapse:collapse;width:100%;text-align:left;font-size:12px}
tbody							{font-size:inherit}
thead							{font-size:inherit}
tr								{font-size:inherit}
td,th							{font-size:inherit;padding:0}

.table							{display:table;width:100%;table-layout:fixed}
.row							{display:table-row}
.cell							{display:table-cell;vertical-align:middle;position:relative;text-align:left;}

/**** ZONES INTERFACE ***/
.zone_hg				{position:absolute;font-size:0;text-align:left;top:0;left:0;right:auto;bottom:auto;width:auto;height:auto;z-index:1;margin:0px}
.zone_hd				{position:absolute;font-size:0;text-align:right;top:0;right:0;left:auto;bottom:auto;width:auto;z-index:1;margin:0px}

.zone_cg				{position:absolute;font-size:0;text-align:left;top:30px;left:0px;bottom:auto;z-index:1;padding:0 0 0 0}
.zone_cg .coul_theme	{padding:0;border-bottom:0px solid #CCC;margin:0 0 50px 0;border-radius:0 2px 2px 0} /* ;box-shadow:1px 0 2px #AAA */
.zone_cg .nu			{width:40px;height:40px;max-width:40px;min-width:40px;max-height:40px;line-height:40px;display:block}

.zone_bg				{position:absolute;font-size:0;text-align:left;bottom:0;left:0px;top:auto;width:auto;height:auto;z-index:1;margin:0px}
.zone_bd				{position:absolute;font-size:0;text-align:right;bottom:0;right:0;z-index:1;margin:0px}
/*
.nu.ico_txt2 			{ margin:5px;border-radius:8px;}
*/
.opt_leg						{background-color:#EFEFEF} /*box-shadow:0 0px 2px #888 inset*/
/*.btn_selected					{background-color:#FCB452 !important}*/
.puce							{text-align:left;color:inherit;font-size:inherit;padding:0 0 4px 20px;position:relative}
.puce:before					{content:"•";position:absolute;top:0px;left:5px;color:#555;font-size:20px}

/* BOUTONS */

/* GRANDS TYPES DE BOUTON */
.large						{display:block;font-size:14px;text-align:center;margin:0;height:auto;min-height:40px;text-align:left;width:100%;max-width:none;padding:0 15px 0 44px;background-color:transparent;background-position:10px 50%,6px 50%;background-size:22px auto,15px auto;border:0;border-radius:0;background-image:url(../IMG/ico/droite.png)}
.large .petit_texte			{display:block;padding:3px 0 0 0;line-height:12px}
.large.couche				{background-size:75px auto;background-position:-10px 50%;padding:0 10px 0 70px}
.pannel .large				{min-height:40px;}

button							{position:relative;display:inline-block;vertical-align:middle;padding:0 4px 0 25px;background-color:#ECE9D8;border-radius:0px;margin:5px 0;cursor:pointer;border-width:1px;border-color:#DCDCDC;border-style:solid;text-align:center;min-height:30px;height:auto;width:auto;max-width:160px;background-position:4px 50%;background-size:20px auto;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none} /* text-shadow:0 0 2px #FFF;*/
button:hover					{background-color:#EEE;color:#222}
button:disabled					{opacity:0.6;filter:grayscale(0.5)}
button[disabled="disabled"]		{opacity:0.6;filter:grayscale(0.5)}
.disabled						{opacity:0.6;filter:grayscale(0.5)}

/* pour les DIV/LABEL qui doivent ressembler a un bouton */
.button							{position:relative;background-color:transparent;font-size:14px;width:100%;background-size:24px auto;display:table;margin:0;text-align:left;height:40px}
.button span					{width:52px;height:auto;display:table-cell;text-align:center;vertical-align:middle}
.HIDDEN							{display:none}
.liste_rub						{background-color:#FAFAFA;margin:5px 0 !important;background-position:96% 50%;padding:0 55px 0 10px;background-size:34px;font-size:13px} /* box-shadow:0 0 2px #CCC; */
.check							{padding-left:0 !important;padding-right:0 !important;background-color:transparent}
.check input					{margin:0 14px 0 10px}
.gros							{margin:10px;border-radius:0;position:relative;height:70px;background-color:#555;width:200px;max-width:none;padding:0 10px 0 70px;background-position:15px 50%;background-size:auto 40px;border:0;line-height:16px}
.gros_titre						{font-weight:bold;font-size:14px;padding:0;clear:both;color:#444;background-color:#CECECE;line-height:20px}
.gros_double					{height:330px;width:330px}
.btn_rond						{margin:0 7px;border-radius:50% !important;background-size:100%;background-position:50%;width:42px;height:42px;background-color:#FAFAFA;display:inline-block} /* box-shadow:1px 2px 2px #AAA */
.coin							{position:absolute;right:5px;top:0;border-radius:0}
.note							{opacity:0.3;width:28px;height:28px;font-size:0;background-image:url(../IMG/ico/etoile.png)}
.note:hover						{opacity:1;font-size:10px}
.medaillon						{background-color:transparent !important;background-position:50% 5px;background-size:70px;border:0;display:inline-block;height:auto;min-width:220px;margin:0;max-width:400px !important;overflow:hidden;padding:90px 20px 10px;color:#444 !important;text-overflow:ellipsis;transition-duration:0.07s;transition-property:background-position;transition-timing-function:ease-in;vertical-align:top;font-size:17px;line-height:26px;font-weight:bold}
.medaillon img					{margin:2px 5px;padding:3px;width:50px;height:50px;border:2px solid #FFF;border-radius:8px;background-color:#AA0000;vertical-align:top}
.medaillon .sous_titre			{padding:12px 0 0 0;text-align:left;font-size:14px;line-height:20px;color:#555;font-weight:normal}
.medaillon .petit_texte			{padding:5px 0 0 0;text-align:left;font-size:11px;line-height:17px;color:#810f0f;font-weight:normal}
.medaillon:hover				{background-position:50% 0px}
.BTN_add_data					{position:relative;margin:2px;width:100px;min-height:90px;max-height:160px;vertical-align:top;border:0;text-align:center;font-size:12px;line-height:14px;padding:5px 2px 27px;background-position:61% 93%;background-color:#D9D7EC;background-size:14px;text-overflow:ellipsis;overflow:hidden} /*transition-property:background-position;transition-duration:0.09s;transition-timing-function:linear}*/
.BTN_add_data	div				{position:absolute;left:0;bottom:0;height:24px;width:59px;background-size:contain;background-position:-2% 101%}
.BTN_add_data	span			{background-position:100% 50%;background-color:transparent;position:absolute;right:0;bottom:0;padding:0px 4px 3px 0;text-shadow:1px 0 0 #FFF;font-size:12px;font-weight:bold}
.compteur						{text-align:center !important;bottom:2px;left:29px;text-shadow:none;font-size:9px !important;color:#FAFAFA;display:inline-block;width:14px !important;height:14px;border:0px solid #FFFFFF;line-height:14px !important;border-radius:50%;background-color:#797979;font-weight:normal;font-style:normal}
.compteur2						{display:none;text-align:center;text-shadow:1px 1px 0px #FFF;font-size:10px;color:#EE0000;position:absolute;bottom:4px;right:4px;top:auto;left:auto;width:auto;height:auto;line-height:10px;background-color:transparent;font-weight:bold}
.large .compteur				{top:14px;right:8px;left:auto}

/*
.rub							{background-image:url(),url('IMG/ico/droite.png');background-size:28px auto,16px;background-position:9px 50%,99% 50%;position:relative;margin:0;height:auto;cursor:pointer;padding:7px 50px 7px 48px;font-size:16px;text-align:left;line-height:18px;font-weight:bold}
*/

.rub {
	position: relative;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	width: 48%;
	display: flex;
	height: 50px;
	padding: 2px 12px 2px 45px;
	background-image: url(""), url("IMG/ico/droite.png");
	background-size: 32px auto, 10px auto;
	background-position: 8px 50%, 99% 50%;
	margin: 0.8%;
	background-color: white;
	vertical-align: middle;
	text-align: left;
	line-height: 14px;
	align-items: center;
	float: left;
	border-style: solid;
	border-width: 0px 0px 0px 5px;
	border-color:#CCC;
	max-width:none;
}

.inactif						{opacity:0.7;filter:grayscale(50%)}
.invisible						{display:none}
.carte							{background-position:0 0;background-size:44px 30px;background-color:#FFF;padding-left:50px;margin-bottom:0}
.efface							{color:#FF0000;background-size:auto;background-image:url(../IMG/ico/non.png);background-color:transparent;margin-left:-40px;border:0}
.efface:hover					{background-color:transparent}
.rupture						{color:#222;text-align:left;padding:12px 10px 3px 5px;font-weight:bold;background-color:transparent;border-bottom:1px solid #444}
.separe							{display:block;border-bottom:1px solid #b4b4b4;opacity:1;margin:0 0 5px 0;padding:10px 8px 3px 8px;color:#828282;font-size:10px;line-height:11px;text-transform:uppercase;text-align:left} /* text-shadow:0 0 1px #FFF; */
.separe img						{max-width:50px;max-height:40px;vertical-align:middle;margin:-4px 10px -3px -5px}
.separe_v						{font-size:0;border-left:1px solid #888;margin:0 5px;height:20px;vertical-align:middle;display:inline-block}
.separe2						{border:0;cursor:pointer;border:0;padding:6px 0 0 5px}
.separe3						{border-bottom:1px solid #b4b4b4;margin:0px;padding:0;font-size:0;line-height:0}
.separe4						{display:block;position:relative;border-bottom:1px solid rgba(0,0,0,0.1);opacity:1;margin:0px;padding:24px 5px 6px;color:#666;font-size:10px;line-height:10px;text-transform:uppercase;text-align:left} /* text-shadow:0 0 1px #FFF; */
.partage						{background-image:url(../IMG/ico/share.png)}
.geosignet						{background-image:url(../IMG/ico/geosignet.png)}


#OUTILS_INDIC					{top:0px;right:0px;height:50px;width:auto;max-width:30%;margin:0px}

#DIV_INVITE						{display:inline-block;vertical-align:middle;min-height:50px;height:50px;text-align:left;padding:0;margin:0;line-height:50px;font-size:16px}
#DIV_INVITE form				{display:table-row}
#DIV_INVITE .alias				{display:table-cell;font-size:16px;vertical-align:middle;font-weight:normal;text-align:center;padding-right:0px;color:inherit;}
#DIV_INVITE .texte				{display:table-cell;vertical-align:middle;text-align:center;padding-left:5px;color:inherit;}
#DIV_INVITE .ligne_requis:after	{display:none}
#DIV_INVITE .DIV_POST_FORM		{padding:0}

.INVITE							{height:30px;font-size:14px;max-width:400px}

.BLOCK							{position:relative;z-index:0;display:inline-block;vertical-align:top;border:0px solid #AAA;padding:0;background-color:#FAFAFAF2;width:380px;margin:6px;border-radius:0;min-height:320px;height:auto;max-height:none} /* height:330px; */
.BLOCK .titre_block				{font-size:14px;line-height:17px;height:40px;width:auto;vertical-align:middle;font-weight:bold;border-bottom:0px solid #444;margin:0;text-align:left;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;padding:0 0 0 7px}
.BLOCK .contenu_block			{display:block;text-align:center;height:auto;padding:0px;min-height:50px;width:auto;max-width:auto;overflow-y:auto;overflow-x:hidden;} /* contenu block */
.BLOCK .titre_indic				{padding:6px;text-align:center;font-size:12px;line-height:12px} /* titre de l'indicateur (serie) */
.BLOCK .texte_block				{padding:0px 65px 0px 5px;height:30px;text-align:left;font-size:11px;line-height:12px;color:#777} /* texte de precision */
.BLOCK .barre_bas				{height:4px;display:block;width:100%;position:absolute;bottom:0;right:0;left:0}

.RUB_BLOCK						{margin:0px;padding:5px 0px 5px 5px;display:block;background-color:transparent !important;background-position:8px 8px;background-size:60px;}
.RUB_BLOCK_TITRE				{font-size:22px;line-height:25px;padding:0px 10px 0px 95px;display:table-cell;background-image:url('../IMG/droite.png');background-position:8px 50%;background-size:60px 44px;height:50px;vertical-align:middle;}


.FENETRE .BLOCK					{display:block;margin:0 0 15px 0;width:auto;min-height:100px;height:auto;float:none;overflow:hidden;font-size:12px;}
.FENETRE .contenu_block			{max-height:366px;min-height:50px;height:300px;margin:auto}
.FENETRE .BLOCK .compteur		{display:none}

#LISTE_DATA						{text-align:left;margin:0 0.25% 15px;} 

#CONTENU_ADMIN { position:fixed;left:250px;bottom:0;top:0;right:0;;padding:10px;overflow:auto}
#MENU_ADMIN    { position:fixed;top:0;left:0;width:250px;bottom:0;background-color:#bfc6db;overflow:auto}

#LISTE_DATA .rub { height: 70px;  font-size: 13px; max-width: none; display: inline-block; background-size: 36px auto, 0px; text-align: left; line-height: 14px; padding: 0 0 0 50px; background-position: 10px 50%,99% 60%; margin: 0.25%; width: 49.5%;}
#LISTE_DATA .rub span {padding: 2px 10px;margin: 0px;display: inline-block;	font-size: 14px;}

/***** APP ***/

#TITRE_FICHE			{line-height:60px;font-size:20px;font-weight:bold;text-align:center;text-shadow:0 0 2px #FFF}


#BTN_COMPTE				{padding:0px;margin:0;text-align:center;font-size:10px;line-height:10px}
#BTN_CNX				{background-image:none;position:fixed;top:10px;left:10px;font-size:0}
#ICO_PERSO				{background-size:cover;z-index:1;position:absolute;top:calc(50% - 18px);left:calc(50% - 18px);background-position:50%;background-image:none;border-radius:50%;width:36px;height:36px;border:0px solid #FFF;display:block;opacity:1;text-align:center;font-size:15px;line-height:36px;margin:0}
/*#ICO_PERSO_2			{background-size:cover;background-color:rgba(255,255,255,0.7);background-position:50%;background-image:none;border-radius:50%;width:50px;height:50px;border:1px solid #FFF;display:none}*/

#BTN_DATA				{background-image: url(../IMG/ico/layers.png);}
#BTN_INDIC 				{background-image: url(../IMG/ico/stats.gif)}
#BTN_CATALOGUE			{background-image: url(../IMG/ico/menu_carre.png)}
#BTN_RESET_RECHERCHE	{display:none}

#FORM_RECHERCHE			{display:inline-block;position:relative;width:320px;max-width:320px;height:50px;margin:0px;text-align:center;line-height:0;font-size:0;padding:5px}
#TXT_RECHERCHE			{margin:0;width:100%;}

/*#DIV_CATALOGUE			{position:absolute;top:55px;left:105px;width:280px;bottom:auto;margin:0 0 0 10px;display:none;max-height:85%;overflow:auto;z-index:1; }*/
#barre_app				{width:auto;left:90px;height:50px;margin:10px;padding:0;font-size:0;line-height:0;overflow:hidden;border-radius:0px;} /*;box-shadow:0 0 4px rgba(20,20,20,0.4)*/

#barre_app .nu30 {
	filter:grayscale(0);
	margin:0 5px 0 0;
	background-size:26px !important
}

#RECHERCHE_RESULTATS	{display:block;}

.text_recherche 		{text-overflow:ellipsis;width:100%;height:40px;margin:0px;font-size:14px;padding:2px 35px 2px 5px;min-width:60px;background-color:#FAFAFA;border:0px solid #CCC;border-radius:0px;background-size:20px; } /*box-shadow:1px 1px 3px #AAA inset;background-color:#FAFAFA;border:0px solid #DDD}*/

#DIV_HEADER					{position:static;display:table;width:100%}
#DIV_TITRE					{vertical-align:middle;height:50px;right:340px;left:340px;width:auto;height:50px;text-align:left;font-size:20px;line-height:25px;font-weight:bold;padding:0px 55px 0 5px;margin:0px}
#DIV_DESCRIPTION			{display:block;color:inherit;font-size:13px;line-height:14px;padding:0px 55px 0 5px;text-align:left}

#DIV_CARTO					{display:block;position:absolute;top:0px;right:0px;bottom:0px;left:0px;margin:0px;height:auto;width:auto;background-color:#EEEEDE;overflow:visible;border-width:0;border-style:solid;border-color:#DDD;background-color:#FAFAFA;padding:0;z-index:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition-property:bottom, left;transition-duration:0.3s, 0.15s;transition-timing-function:ease}

#DIV_BLOCKS					{display:block;top:0px;right:0px;left:0px;bottom:0;position:fixed;overflow:visible;text-align:center;transition:margin ease 0.15s} /*-webkit-column-width:300px;-moz-column-width:300px;column-width:300px;-webkit-column-gap:12px;-moz-column-gap:12px;column-gap:12px;-webkit-column-count:4;-moz-column-count:4;column-count:4}  */
#DIV_BLOCKS_CONTENU			{position:absolute;top:0;left:0;bottom:0;right:0;padding:80px 280px 10px 50px;text-align:left;overflow:auto;height:auto;scroll-behavior:smooth}


#DIV_MAP					{height:100%;width:100%}
#DIV_INTRO					{display:none;background-position:50% 0;background-repeat:no-repeat;background-size:auto;position:absolute;top:50px;bottom:0;left:0;right:0;width:auto;height:auto;overflow:auto;padding:0;text-align:center;z-index:1}
#DIV_ACCUEIL				{position:absolute;top:0px;bottom:0;left:280px;right:0;width:auto;height:auto;overflow:auto;}
#DIV_MODULE					{position:absolute;margin:10px;display:none;padding:0;background-color:transparent;top:auto;bottom:0px;right:0px;left:auto;height:auto;max-width:calc(100% - 30px);min-width:795px;z-index:1000 !important;border:0px solid #AAA;border-radius:0px;overflow:hidden;transition-property:none;transition-duration:0.3s;transition-timing-function:ease} /*box-shadow:0 -1px 3px rgba(20,20,20,0.4) */
#DIV_MODULE_TITRE			{font-size:13px;font-weight:bold;line-height:40px;right:0;height:40px;padding:0 10px}
#DIV_MODULE_CONTENU			{position:absolute;height:auto;top:40px;width:100%;bottom:0;left:0;right:0;overflow:auto}
#DIV_MASQUE					{display:none;position:absolute;top:0;left:0;bottom:0;right:0;width:auto;height:auto;background-color:rgba(0,0,0,0.5)}

.MODULE_INDIC				{width:auto !important;} /* le min-width s'applique */

#DIV_MENTION_APP			{position:static;bottom:0;left:0;right:0;padding:30% 0 0 0;color:#777;text-align:center;margin:5px;cursor:pointer;filter:grayscale(0.8);opacity:0.65;font-size:11px}
#DIV_MENTION_APP img		{max-height:18px;max-width:120px;margin:0 0 0 4px}
#DIV_AGRANDIT				{display:none}

#MENU_PORTAIL				{display: none}

#ATTRIBUTIONS				{height:auto;max-height:30px;line-height:15px;vertical-align:middle;text-align:left;font-size:12px;padding:0 }
#BTN_ECHELLE				{text-shadow:1px 1px #FFF;text-align:center;margin:0;display:inline-block;width:auto;height:auto;font-size:12px;max-width:none;padding:0 5px;}
#BTN_DESSIN					{background-image: url(../IMG/ico/crayon.png)}
#DIV_LEGENDE_CONTENU		{width:290px;position:absolute;text-align:left;margin:0px}

#FEN_OPT_FOND .large 		{margin:0;min-height:30px;font-size:12px;background-size:50px auto;background-position:-10px 50%}

#OUTILS_CARTO			{position:absolute;bottom:auto;top:0px;left:0px;padding:10px;overflow:auto;margin:75px 10px 10px 10px;width:auto;max-height:calc(100% - 80px)}
#OUTILS_CARTO div 		{margin:0 0 15px 0px;border-radius:0px}
#OUTILS_CARTO .nu		{min-width:40px;max-width:40px;width:40px;height:40px;max-height:40px;min-height:40px;display:block}

#OUTILS_CARTO_2				{margin:10px 10px;height:auto;top:0px;right:0px;width:290px;text-align:right;z-index:2}
/*#OUTILS_CARTO_2 .ico_txt2	{width:50%;margin:0;}*/

#ONGLETS_CARTE 			{display:flex;justify-content:space-between;}
#ONGLETS_CARTE button	{flex:1}

#CONTENU_ONGLETS_CARTE	{height:auto;overflow:auto;margin:0px;max-height:calc(100% - 50px);font-size:12px}

#OUTILS_CARTO_3			{display:block;z-index:1;left:0;bottom:0;right:auto;width:auto;height:auto;font-size:12px;line-height:16px;padding:5px 5px 5px 105px;line-height:25px;text-shadow:1px 1px #FFF}
#PROJ_COORD				{font-size:11px;vertical-align:middle}
#INFO_COORD				{display:inline-block;min-width:160px;padding:0 5px;text-align:left;vertical-align:middle;}

#BTN_RECHERCHE			{display:none}

#BTN_RUB_LIENS		{background-image:url(../IMG/ico/aide.png)}
.compte				{width:auto;color:#FFF;font-size:16px;font-weight:bold;padding:7px}
.wait				{display:inline-block;color:inherit;text-align:left;margin:10px auto;padding:0px 10px 0px 48px;background-position:10px 0px;height:24px;line-height:24px;background-image:url(../IMG/ico/loader.png);background-size:24px}

/* CHARGEMENT */
#DIV_CHARGEMENT					{z-index:1002;position:absolute;top:0;left:0;right:0;bottom:0;height:100%;width:100%;background-color:#EEE;background-size:auto;background-position:50% 35%;transition-property:opacity, visibility;transition-duration:1s, 0s;transition-delay:1s, 2s;transition-timing-function:ease-in, linear;text-align:center} /*;animation-duration:1.65s;animation-delay:1s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;animation-name:charge}*/
#DIV_CHARGEMENT .petit_texte	{height:40px;text-align:right;padding:10px 20px;color:inherit}
#IMG_CHARGEMENT					{max-height:160px;margin:100px auto 40px !important;max-width:80% !important}
#INFO_CHARGEMENT				{line-height:20px;display:block;text-align:center;color:inherit}

/* INTRO */
#MARGE_INTRO		{padding:0 5%;line-height:0;font-size:0}
#INTRO_LOGO			{margin:0;height:236px;width:100%;padding:0;background-size:100% auto;background-position:50% 0;background-repeat:no-repeat}
#INTRO_IMG			{max-height:240px;margin:0 auto !important;max-width:90% !important}
#INTRO_TITRE		{display:none;font-weight:bold;padding:20px 8% 0;text-align:left;font-size:22px;color:inherit;line-height:26px}
#INTRO_TEXTE		{font-weight:normal;position:relative;padding:20px 8% 15px;text-align:left;font-size:16px;line-height:25px;color:inherit}
#BTN_CHARTE			{display:block;position:absolute;background-image:url(../IMG/ext/PDF.png);padding:10px;bottom:-25px;right:0px;border-radius:50%}

#DIV_FICHES2		{text-align:center;padding:5px 0;color:#AAA;background-color:#FAFAFA} /* columns:300px 4;column-gap:20px; */
.rub_groupe			{display:inline-block;margin:0 25px;width:auto;vertical-align:top;width:300px}
.rub_groupe .large	{background-image:none;padding:0 30px}
.rub_ico			{background-position:50%;background-size:50px;height:60px}
.rub_titre			{color:#444;font-size:20px;line-height:23px;font-weight:bold;padding:5px;text-align:center}
#DIV_CONTACT		{padding:20px 0px 20px 0px;text-align:center;filter:grayscale(1)}
#DIV_CONTACT .btn_rond {height:30px;width:30px;margin:4px}
#DIV_CONTACT2		{padding:40px 10px 50px;margin:0;text-align:center;background-size:auto 190px;background-position:90% 100%;background-repeat:no-repeat}
#DIV_OUTILS_FOOTER	{text-align:right;margin:0;background-color:#FAFAFA}
#FOOTER_ORG			{padding:30px 20px;font-size:12px;line-height:16px;color:inherit;text-align:center}

#DIV_FICHES .rub_menu	{width:100% !important}
#DIV_FICHES .cell		{height:auto !important;padding:5px !important}


.contours_txt	{text-shadow:1px 0 0px #EEE,-1px 0 0px #EEE,0px 1px 0px #EEE,0px -1px 0px #EEE;color:#444}
.contours_txt2	{text-shadow:1px 0 0px #444,-1px 0 0px #444,0px 1px 0px #444,0px -1px 0px #444;color:#EEE}

#APP_CONTACT				{position:relative;font-size:12px;color:#AAA;margin:40px 0px 10px;height:130px}

#APP_CONTACT_LOGO		{position:absolute;text-align:left ;bottom:0;left :0}
#APP_QRCODE				{position:absolute;text-align:right;bottom:0;right:0}

/*
@keyframes charge
{
	from	{opacity:1}
	to		{opacity:0.5}
}
*/

#ENTETE			{position:fixed;z-index:1;height:auto;top:0;right:0;left:0;display:none;min-height:60px;width:100%;text-align:center;background-size:auto 100%} /* box-shadow:0 0 3px #AAA */

#FORM_INVITE .ombre		{box-shadow: none}

/***** LOGO ******/

.logo				{position:static;vertical-align:top;display:inline-block;background-color:transparent;padding:0;height:55px}
/*
.large .info		{top:0;display:block;filter:grayscale(100%);height:auto;width:24px;opacity:0.8;position:absolute;right:0px;text-align:right}
.large .info img	{max-height:20px;height:auto;vertical-align:middle}
*/

/* ZONE LEGENDE : CONTROLE DES COUCHES */
/*
#ZONE_LEGENDE {top:0px;width:280px;right:0px;max-height:100%;padding:0 0 0px 0;height:auto;overflow-y:auto;z-index:5;background-color:#EEE }
*/

.LEGENDE				{cursor:pointer;position:relative;display:block;margin:8px;color:#444;background-color:#FFF;padding:0;text-align:left;font-size:13px;min-height:30px;max-height:none;height:auto;max-width:none;text-align:left;background-position:120% 0px;background-size:20px;transition-property:all;transition-delay:0s;transition-timing-function:ease;transition-duration:0.15s;}
.LEGENDE .petit_texte	{padding:5px 5px 5px 5px;font-size:11px;line-height:12px} /* description */

#MACARTE_FOND .LEGENDE { background-color:transparent;margin:5px 0 0 0;box-shadow:none !important }

#FEN_RECHERCHE 			{ max-height: calc(100% - 70px) !important; overflow:auto;}
#FEN_RECHERCHE .retour 	{font-size:17px;line-height:16px;padding-right:90px;padding-left:36px}
#FEN_RECHERCHE .contenu {max-height:unset !important;text-align:left}


.cat  		{border-width:0 0 0 5px;border-radius:0px;border-style:solid;height:auto;min-height:50px;text-align:left;}
.cat:hover	{background-color:rgb(255, 221, 157)}
.DATA 		{background-position:0% 50%;background-size:80px auto;padding:0 0 0 80px}
.INDIC 		{width:46%;min-height:120px;background-size:auto 30px ;margin:1.5%;background-position:0px 100%;padding: 0px 5px 30px;display:inline-block;vertical-align: top;}

.titre_btn 				{padding:2px 0;height:auto;font-weight:bold;font-size:13px;line-height:15px }

.badge		{width:20px;height:20px;margin:3px !important}
.badge span {display:inline-block;filter:grayscale(1);margin:0;background-size:14px;width:20px;height:20px;border-radius:50%;background-position:50%;background-color:#CCCC}

#tooltip {
    position: fixed;
    background: #333;
    color: white;
    padding: 6px 10px;
    border-radius: 4px;
    font-size: 13px;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.15s;
    z-index: 9999;
}
.DESSIN { background-color:#FFF}

.boite_analyse				{padding:0 4px 6px 15px;width:auto}
.boite_legende				{height:24px;width:30px;cursor:pointer;text-align:center;background-position:50% 50%;background-size:auto}

.item						{cursor:pointer;background-color:#EEE;background-position:10px 50%;background-size:26px auto;padding:5px 5px 5px 46px;line-height:16px;font-size:14px;height:30px;border-bottom:1px solid #AAA}
.sous-item .item			{background-color:#FFF;border-bottom:1px solid #EEE}
.item a						{font-size:inherit}
.titre						{font-size:20px;line-height:25px;position:relative;min-height:25px;text-align:center;margin:0;padding:30px 10px 20px;color:inherit;background-size: 30px auto; background-position: 15px 12px} /* text-shadow:0 0 2px #FFF; */
.titre:first-letter			{text-transform:uppercase}
.titre .petit_texte			{text-align:left;padding:9px 0px 0;line-height: 13px}


.ombre						{box-shadow:rgba(51, 51, 51, 0.5) 1px 1px 2px} /*0px 0px 3px rgb(150,150,150)}*/
.BLOCK.ombre				{box-shadow:0px 1px 3px rgb(150,150,150)}

.ombre_inset				{box-shadow:1px 1px 3px rgb(150,150,150) inset}

/* FENETRES */
.FENETRE						{background-color:#e6e6d5;position:fixed;overflow:hidden;top:50px;left:0;padding:0;margin:0;width:auto;min-width:50px;max-width:320px;height:auto;max-height:100%;text-align:center;display:block;z-index:2;border:0}
.FENETRE_G						{left:170px;right:auto}
.FENETRE_D						{left:auto;right:0;top:50px}

.fenetre_entete					{width:100%;text-align:left;padding:0;display:table;max-height:50px;cursor:default;border-collapse:collapse}
.fenetre_titre					{font-size:18px;font-weight:bold;color:inherit;line-height:20px;height:50px;padding:0 0 0 10px;margin:0;display:table-cell;background-position:10px 50%;vertical-align:middle;background-image:none;text-align:left}
.fenetre_titre > div			{padding:0;display:block;overflow:hidden;text-overflow:ellipsis}
.fenetre_titre img				{max-height:40px;max-width:200px}
.div_btn_ferme					{width:50px;vertical-align:middle;text-align:center;padding:0}
.FENETRE .CONTENU				{color:#222;height:auto;width:100%;max-height:calc(100% - 50px);overflow:auto;padding:0;margin:0}
/*
#FEN_GESTION {width:280px}
*/
/* FENETRES MNF */
.MNF							{display:none;max-width:200px;min-width:100px;width:auto;height:auto;border:0px solid #AAA} /*box-shadow:0 0 2px rgba(0,0,0,0.4)*/
.MNF .fenetre_titre				{height:40px;font-size:16px;padding:4px 0 4px 10px;line-height:16px}
.MNF .div_btn_ferme				{width:40px;padding:0}

.mnf_ligne						{font-size:13px;line-height:14px;text-align:left;padding:5px 10px 2px;color:#555}
.mnf_alias						{display:inline-block;padding:0 10px 2px 0;font-weight:bold}
.mnf_texte						{display:inline-block;vertical-align:top}

.FENETRE.MENU 					{opacity:1;background-color:#DDD} /* FFE066*/

.OPTION							{max-height:calc(100% - 100px)}
.OPTION .titre					{display:none}
/*.OPTION .BTN_FERME				{display:none;color:darkorange;right:50px}*/

.OPTION3						{width:280px;max-width:calc(100% - 56px - 10px);max-height:calc(100% - 100px) !important;overflow:auto} /* width:calc(360px * 0.979) */
.OPTION3 .CONTENU				{max-height: none !important;}

.FENETRE.MODALE					{left:45% !important;top:0px !important;right:0 !important;bottom:0 !important;width:auto !important;height:auto !important;max-height:none !important;max-width:none !important;padding:0} /*box-shadow:-1px 0px 2px rgba(20, 20, 20, 0.3)*/
.FENETRE.MODALE .CONTENU		{max-height:none !important} /*display:block;height:auto;overflow:visible;padding:0;margin:0}*/

.FENETRE.PANNEL				{width:340px;max-width:100%;transition-duration:0.15s;transition-timing-function:ease;max-height:none !important;border-radius:0;position:fixed;bottom:0 !important;top:0px !important;height:auto !important;z-index:1;border-color:#CCC;border-style:solid}/*box-shadow:0 0 2px #777}*/
.FENETRE.PANNEL .CONTENU	{position:absolute;top:50px;bottom:0;right:0;left:0;max-width:100%;width:auto;padding:0px}
.FENETRE.PANNEL_G			{transition-property:left ;left:-280px;right:auto;border-left :0px solid #DDD} /* box-shadow: 1px 0 2px rgba(20,20,20,0.3)}*/
.FENETRE.PANNEL_D			{transition-property:right;right:-320px;width:320px;left:auto;border-left :0px solid #DDD} /* box-shadow:-1px 0 2px rgba(20,20,20,0.3)}*/
/*.FENETRE.PANNEL_D .ligne_TITRE { display:none !important; }*/

.ss_rubrique		{background-color:#DDD}
.tips				{position:relative;display:block;text-align:right;top:-22px;color:#CC0000;font-size:9px;padding:0 8px 0 0}/*background-color:rgba(255,255,255,0.3) */
.news 				{color:#AAA;font-size:11px;line-height:10px;min-width:12px;padding:2px;position:absolute;right:5px;text-align:center;top:13px}

#TITRE_BARRE {font-size:16px;line-height:17px;max-width:250px;display:inline-block;width:200px;text-align:left;padding:0 5px 0 16px}

.CAT_rubrique		{background-image:url(../IMG/ico/layers.png);font-weight:normal;font-size:12px;margin:1px 0 0 0;cursor:pointer}
.CAT_data-loaded	{background-color:#FFA500 !important}
.CAT_data-disabled	{background-color:#EEEEEE !important}


/***** AUTRES CSS transition-timing-function:linear; *****/

.NOTIFICATION				{position:fixed;bottom:45px !important;left:20px !important;right:auto !important;top:auto !important;width:auto;height:auto !important;min-height:23px;background-color:rgb(201, 74, 74);max-width:260px;min-width:150px;max-height:60%;display:none;border-width:0px;border-radius:10px;border-style:solid;cursor:default;z-index:99 !important;transition-property:bottom;transition-timing-function:ease;transition-duration:0.1s }
.NOTIFICATION .CONTENU		{background-color:transparent;color:inherit;font-size:14px;line-height:22px;text-align:left;padding:0px 8px 8px 8px}
.NOTIFICATION .ENTETE,
.NOTIFICATION .cell,
.NOTIFICATION .table,
.NOTIFICATION .btn_ferme	{background-color:transparent;color:inherit}

.notif				{width:40px;display:inline-block;text-align:center;cursor:pointer}	/* infos dans la palette style */

.PROGRESSION		{width:200px;height:14px;border:1px solid #CCC;background-color:#FFF;padding:2px;margin:10px auto;border-radius:10px}
.PROGRESSION div	{height:100%;background-color:#30890A;width:0;border-radius:10px}

#DIV_TRI_CATALOGUE									{font-size:12px;padding:15px 8px 5px;width:100%;table-layout:fixed}
#DIV_TRI_CATALOGUE input[type="radio"]+label		{border-bottom:2px solid transparent;min-height:25px;text-align:center;padding:0;height:25px;background-size:14px;background-position:94% 0}
#DIV_TRI_CATALOGUE input[type="radio"]:checked+label{border-bottom:2px solid red}
#DIV_TRI_CATALOGUE input[type="radio"]				{display:none}

#filtre_catalogue	{width:125px;margin:0 3px}
#IMG_BOUSSOLE		{position:absolute;right:0;bottom:0px;width:80px;height:80px;margin:6px;display:none;z-index:1}
#etat_cnx			{background-color:red;border-radius:6px;border:0;width:12px;height:12px;margin:0 5px 0 2px;vertical-align:middle;display:inline-block}


.outils_legende		{width:12px;height:12px;float:left}
.tableau			{width:96%;border:1px solid #000000;margin:10px 0 5px 0;padding:0;border-spacing:0;border-bottom-width:1px;border-right-width:1px;margin-left:auto;margin-right:auto}
.tableau td			{font-size:11px;padding:1px;margin:0;border:1px solid #000;padding-left:3px}

.ico_input			{padding-left:30px;background-position:7px 50%;background-size:16px;background-image:url(../IMG/ico/search.png)}
.img_rub			{height:60px;width:60px;display:inline-block;padding:5px;border-radius:50%;margin:20px auto 5px}

.indic_texte		{display:inline-block;color:inherit;background-position:100% 19px;font-size:40px;background-size:25px auto;margin:0;text-align:center;padding:5px;line-height:110%;min-height:auto;overflow:visible;font-weight:bold;} /* text-shadow:2px 2px 3px #AAA; */
.indic_texte div	{font-size:16px;line-height:20px;padding:10px;text-align:center;color:inherit;font-weight:normal;font-style:italic}
.nuage				{display:inline-block;vertical-align:middle;font-weight:normal;min-height:6px;width:auto;max-width:none;margin:2px;border-radius:0;background-color:transparent}

.photo				{cursor:pointer;display:inline-block;height:150px;text-align:center;position:relative;background-color:#DDD;background-position:50%;background-size:cover;margin:1px;display:inline-block;vertical-align:middle;border:4px solid #FFF;transition-property:background-size;transition-timing-function:ease;transition-duration:0.1s}
.photo_txt			{position:relative;font-size:11px;line-height:12px;text-align:center;color:#FAFAFA;background-color:inherit;padding:0px;text-overflow:ellipsis;overflow:hidden;background-size:cover;width:100%;min-height:50px;max-width:none}
.photo_txt .titre	{line-height:16px;font-size:14px;padding:3px 2px 8px 2px;color:#FAFAFA;height:36px;overflow:hidden;max-height:36px;text-overflow:ellipsis}

.polaroid			{display:inline-block;max-width:46%;min-width:120px;background-color:#FAFAFA;padding:0px;border:0px solid #DDD;cursor:pointer;overflow:hidden}
.polaroid .photo	{margin:0;padding:0;border:0;width:auto;display:block;background-color:#DDD;width:100%;min-height:100px}

.FORMULAIRE .photo	{min-height:200px}

.ico_leg 			{padding:0;margin:0 auto;height:16px;width:22px;min-height:4px;max-height:30px;min-width:2px;max-width:25px}
.img_leg			{border-radius:0;margin:0;border:0;width:26px;height:auto;max-height:45px;vertical-align:middle}
.IMG_LEGENDE		{text-align:center;max-height:490px;overflow:auto}
.IMG_LEGENDE img	{max-width:300px}

.bout_recherche		{background-color:#EEEEEE;background-image:url(../IMG/ico/rechercher.gif);vertical-align:middle;height:20px;width:19px;margin:0 5px 0 -3px;padding:0;border:0;border-radius:0 0 4px 0;cursor:pointer;min-height:0;background-position:0 0}
.ok					{font-size:inherit;color:#357B02;padding:0;margin:0;text-align:inherit;line-height:inherit}
.alerte				{font-size:inherit;color:#DD0000 !important;padding:15px 5px;margin:0;text-align:inherit;line-height:inherit}
.intro				{padding:10px 0 20px 0;text-align:center}

.astuce 			{margin:5px;padding:5px 5px 5px 40px;background-color:rgba(160,173,255,0.3);text-align:left;background-image:url(../IMG/ico/information.png);background-position:6px 50%;font-size:12px;line-height:15px}
.info				{background-image:url(../IMG/ico/info.png);background-size:20px;padding:3px 34px;background-position:6px 50%;line-height:13px;}
.code				{font-family:consolas;font-size:12px;line-height:15px;border:1px dashed gray;margin:10px auto;padding:5px;background-color:#EEE;color:#222;overflow:hidden;word-wrap:break-word;word-break:break-all;text-align:left}
.petit_texte		{font-size:11px;color:#777;line-height:inherit;max-height:200px;overflow:hidden;text-overflow:ellipsis;padding:2px 2px 0 0;font-weight:normal;vertical-align:middle}


#LOADING_DEFAUT		{max-height:200px;max-width:250px;background-image:none !important;position:absolute;bottom:100px;right:0;left:auto;top:auto}
#LOADING_DEFAUT div	{font-size:11px;color:#AAA;line-height:17px;height:17px;padding:0 0 0 25px;background-position:2px 2px;background-size:13px;background-image:url(../IMG/ico/loader.png);text-overflow:ellipsis;overflow:hidden}


/* TABLE ATTRIBUTAIRE  #FEN_TABLE_ATTRIBUTS_CONTENU */

.TABLE_DATA				{position:absolute;overflow:auto;text-align:left;overflow-x:auto;overflow-y:auto;width:100%;height:auto;bottom:40px;top:0;padding:0;color:#444;border-right:0px solid #AAA}

.TABLE_DATA th			{overflow:hidden;border-width:0 1px 0 0;border-style:solid;border-color:#EEE;white-space:nowrap;text-overflow:ellipsis;color:#111;height:36px;text-align:left;vertical-align:middle;font-size:12px;line-height:14px;padding:0 30px 0 4px;cursor:default}
.TABLE_DATA th	button	{font-size:10px;display:block}

.TABLE_DATA td			{overflow: hidden;line-height:14px;border-width:0 1px 0 0;border-style:solid;border-color:#EEE;padding:0px;margin:0;max-width:280px;min-width:30px;height:28px;width:auto;vertical-align:top;text-align:left;font-size:12px} /* ;word-wrap:break-word;word-break:break-all*/
.TABLE_DATA td div		{padding:4px;line-height:inherit;hyphens:auto;word-break:break-all}

.TABLE_DATA_OUTILS		{background-color:#FFF}

/* couleurs de lignes des tableaux */
.coul1	{background-color:#EEE}
.coul2	{background-color:#FAFAFA}

/* STYLE FORM */

#BARRE_FICHE				{margin:0;padding:0 10px;text-align:right} /* barre d'outils des fiches infos */

.FORMULAIRE					{margin:0;text-align:center;padding:0;cursor:default;position:relative;background-color:transparent}

.form_intro					{text-align:left;padding:15px;font-size:14px;line-height:19px}
.form_img					{max-height:360px;overflow:hidden;cursor:pointer;margin:0;height:auto;padding:0}
.form_img_mini				{background-image:url(../IMG/ico/photo.png);background-size:cover;background-position:50%;margin:2px 5px 0 0;width:100px;max-height:80px}


.rubrique					{background-color:transparent;margin:0px}

.ligne						{display:block;position:relative;border-width:0px;border-style:solid;border-color:#c8c8c8;background-color:#FAFAFA;width:auto;margin:6px;padding:0;overflow:hidden;box-shadow: 0 0 2px #AAA;}
.rubrique .ligne			{box-shadow: 0 0 2px #AAA;}

.ligne_requis:after			{content:"*";color:#DD0000;position:absolute;top:9px;right:9px;font-size:24px;font-weight:normal}
.ico_ligne					{background-position:12px 11px;background-size:15px;width:60px;height:60px;border-radius:50%;background-color:#DDD;filter:grayscale(1);opacity:0.6;position:absolute;top:auto;bottom:-30px;right:-30px}

.alias						{position:relative;width:auto;font-size:13px;line-height:18px;color:#444;font-weight:bold;padding:5px 40px 3px 8px;margin:0;text-align:left} /* word-wrap:break-word;hyphens:auto;-webkit-hyphens:auto;text-shadow:1px 1px 2px #BBB;text-transform:lowercase;*/
.alias:first-letter			{text-transform:uppercase}

.texte						{position:relative;width:auto;padding:2px 8px 7px 8px;margin:0;min-height:15px;text-align:left;font-size:13px;font-weight:normal;color:#444;word-wrap:break-word;hyphens:auto;-webkit-hyphens:auto} /*word-break:break-all*/

.champ						{float:left;width:46%;padding:0 1%;text-align:left;font-size:11px}
.aide						{text-align:left;font-style:italic;line-height:14px;color:#555;font-size:12px;padding:5px 0 0 20px;background-image:url(../IMG/ico/aide.png);background-position:0px 4px;background-size:14px}

.datalist					{z-index:5;border:solid 0px #DDD;overflow:auto;max-height:400px;text-align:left;margin:0} /* ;box-shadow:1px 2px 2px #aaa */
.datalist .result			{padding:5px;cursor:pointer;line-height:20px;border-top:1px solid #DDD;position:relative}
.datalist .result:hover		{background-color:#fbbb46 !important}
.datalist .result img		{max-height:29px;vertical-align:top;margin:-2px 3px 0 -2px}
.datalist ul				{margin:0;padding:0 0 0 15px}
.datalist .petit_texte		{margin:2px 0 0 0}
.datalist_selection			{overflow:hidden;position:relative;z-index:0;text-overflow:ellipsis;padding-top:10px;padding-bottom:10px;max-height:80px;min-height:40px;width:100%}


.FORMULAIRE select			{max-width:98%;width:auto;margin:0 2px 0 0}

.FORMULAIRE .DIV_POST_FORM	{padding:30px 15px;text-align:center}
.FORMULAIRE .FORM_RESULTAT	{padding:30px 20px 10px;min-height:100px;text-align:center;color:inherit;font-size:20px;line-height:25px;word-break:break-word;}

.FORM_SIMPLE .rubrique		{background-color:transparent;border:0}
.FORM_CONSULT .zone_hg		{z-index:0;width:18px;height:24px;background-position:100% 0px;background-size:contain;top:5px;right:5px}

.ligne_CARTE 	{display:none}

.FORM_CONSULT .form_pos_3	{margin:0 15px}
.FORM_CONSULT .form_pos_4	{margin:0 15px}
.FORM_CONSULT .form_pos_5	{margin:0 15px}
.FORM_CONSULT .form_pos_6	{margin:0 12px}
.FORM_CONSULT .form_pos_7	{margin:0 12px}

/* TYPES DE LIGNES PARTICULIER */

.FORM_CONSULT .FORM_TITRE .ligne						{border:0;margin:0;padding:0;background-color:transparent;display:block;table-layout:fixed;width:100%;box-shadow:none}
.FORM_CONSULT .FORM_TITRE .ligne .zone_hg				{display:none}
.FORM_CONSULT .FORM_TITRE .ligne .alias					{display:none}
.FORM_CONSULT .FORM_TITRE .ligne .texte					{text-align:center;font-size:24px;line-height:28px;padding:10px 15px;height:auto;display:block;hyphens:none}
.FORM_CONSULT .FORM_TITRE .ligne .texte:first-letter	{text-transform: uppercase}

.FORM_CONSULT .FORM_SOUS-TITRE .ligne						{border:0;margin:0;padding:0;background-color:transparent;display:block;table-layout:fixed;width:100%;box-shadow:none}
.FORM_CONSULT .FORM_SOUS-TITRE .ligne .zone_hg				{display:none}
.FORM_CONSULT .FORM_SOUS-TITRE .ligne .alias				{display:none}
.FORM_CONSULT .FORM_SOUS-TITRE .ligne .texte				{text-align:center;font-size:16px;line-height:20px;padding:0px 15px;height:auto;display:block;hyphens:none}
.FORM_CONSULT .FORM_SOUS-TITRE .ligne .texte:first-letter	{text-transform: uppercase}

.FORM_CONSULT .FORM_DESCRIPTION .ligne			{border:0;margin:0;padding:5px 2px 8px 2px;background-color:transparent;box-shadow:none;}
.FORM_CONSULT .FORM_DESCRIPTION .ligne .alias	{display:none}
.FORM_CONSULT .FORM_DESCRIPTION .ligne .zone_hg	{display:none}

.FORM_CONSULT .FORM_MULTIMEDIA 					{display:table;width:100%}
.FORM_CONSULT .FORM_MULTIMEDIA .ligne			{border:0;margin:0;padding:0;background-color:transparent;box-shadow:none}
.FORM_CONSULT .FORM_MULTIMEDIA .ligne .alias	{display:none}
.FORM_CONSULT .FORM_MULTIMEDIA .ligne .texte	{padding:0;text-align:center}

.FORM_CONSULT .FORM_IDENTITE					{box-shadow:none !important}
.FORM_CONSULT .FORM_IDENTITE .ligne				{border:0;margin:7px 0;background-color:transparent;display:block;width:100%;box-shadow:none}
.FORM_CONSULT .FORM_IDENTITE .ligne .alias		{display:none}
.FORM_CONSULT .FORM_IDENTITE .ligne .texte		{display:block;padding:3px 10px;hyphens:none;line-height:16px}
.FORM_CONSULT .FORM_IDENTITE .ligne .zone_hg	{height:20px;max-height:20px;min-height:20px;top:0px !important;display:block !important}

.FORM_CONSULT .rubrique .ligne .zone_hg			{display:none}

.FORM_CONSULT .FORM_METADATA					{margin:20px 0;padding:0px;border:0px solid #AAA}
.FORM_CONSULT .FORM_METADATA .ligne				{border:0;margin:5px 0;background-color:transparent;text-align:left;display:table;width:auto;table-layout:auto;box-shadow:none}
.FORM_CONSULT .FORM_METADATA .ligne .alias		{display:table-cell;width:auto;text-align:left;padding:5px;font-size:11px;line-height:13px}
.FORM_CONSULT .FORM_METADATA .ligne .texte		{display:table-cell;width:auto;text-align:right;padding:5px;min-width:30%;font-size:11px;line-height:13px}
.FORM_CONSULT .FORM_METADATA .ligne .zone_hg	{display:none}
/*
.FORM_CONSULT .rubrique				{display:table;border-collapse:separate;border-spacing:0 0px;width:100%;box-shadow: 0 0 2px #AAA;}
.FORM_CONSULT .ligne				{display:table-row}
.FORM_CONSULT .alias				{display:table-cell;padding:5px 5px 5px 5px;word-break:break-word;width:40%}
.FORM_CONSULT .texte				{display:table-cell;padding:5px;word-break:break-word}
*/
.FORM_CONSULT .separe				{border-bottom:0;padding:15px 10px 0px 5px}

/*.FORM_EDIT .text_recherche		{border-width:0px;background-color:#EEEEE0;border-style:dashed;height:30px;width:100%}*/
/*.FORM_EDIT .ligne				{margin:2.5%}*/
/*
.FORM_EDIT .alias				{padding:10px 15px 0px 15px}
.FORM_EDIT .texte				{padding:5px 15px 10px 15px}
.FORM_EDIT .zone_hg				{display:none}
*/
.LIGNE_adresse {
	background-image: url(../IMG/ico/adresse.png);
	padding: 0 0 0 30px;
	background-size: 20px;
	background-position: 10px 50%;
}


#IMG_FOND_FICHE	{position:fixed;top:25%;left:25%;height:auto;width:50%;opacity:0.2;filter:blur(4px) grayscale(70%)}

.tag			{background-color:#44b054;color:#FFF;font-size:13px !important;line-height:15px;border-radius:3px;display:inline-block;padding:3px 5px !important;margin:2px 5px 2px 0 !important}

/* TYPE DE BOUTONS */
#BTN_UP						{display:none;position:fixed;margin:0 40px 15px 0;text-align:center;border:2px solid #FAFAFA;z-index:2;font-size:0}

#NOM_PERSO					{color:inherit}
#NOM_PERSO .petit_texte		{color:inherit;opacity:0.6}

#BTN_EDIT_PERSO				{background-image:url(../IMG/ico/crayon.png)}
#BTN_DECONNEXION			{background-image:url(../IMG/ico/non.png)}
#BTN_MES_CARTES				{background-image:url(../IMG/ico/dossier-carte.png)}
#DIV_LOADING				{display:none}
#BTN_MENU					{background-image:url(../IMG/ico/menu_liste.png);display:none;z-index:999;background-size:30px;width:66px;height:66px;max-width:66px;background-position:50%;margin:0;padding:0}
#TITRE_APP					{display:table-cell;width:auto;vertical-align:middle;color:inherit;font-size:16px;line-height:18px;height:50px;padding:0 10px 0 0;margin:0}
#TITRE_APP img				{display:inline;vertical-align:middle;max-width:170px;max-height:44px;margin:0}

#BTN_ACCUEIL				{background-image:url(../IMG/ico/home.png)}
#MACARTE_TITRE				{display:none;text-align:center;line-height:18px;font-size:16px;padding:10px;}

#MENU_TXT					{text-align:left;padding:0 10px;line-height:18px}

#OUTILS_LEGENDE				{text-align:right}

.contenu_block text			{font-size:11px !important}

/* variante de .large pour liste deroulante */
.liste_options					{background-image:none;background-color:#FAFAFA;padding:0 40px 0 90px;width:100%;height:50px;border-width:0 1px 1px 1px;border-style:solid;border-color:#CCC}
.liste_options .petit_texte		{padding:5px 0 0 0}
.liste_options svg				{position:absolute;top:4px;left:4px;width:78px;height:42px}
.liste_select					{margin:0;border-width:1px;background-color:#FFF;background-position:96% 50%, 0 0;background-image:url(../IMG/ico/down.gif), linear-gradient(to bottom, #FFF, #EEE);background-size:auto, cover}


.uid			{padding:3px 2px 3px 23px;line-height:13px;font-size:11px;background-image:url(../IMG/ico/user.png);background-position:0px 2px;background-size:18px;text-align:left;display:block;min-height:20px;filter:grayscale(1)}
.loc			{padding:3px 2px 3px 23px;line-height:13px;font-size:11px;background-image:url(../IMG/ico/marker.png);background-position:1px 2px;background-size:16px;text-align:left;display:block;min-height:20px;filter:grayscale(1)}
.date			{padding:3px 2px 3px 23px;line-height:13px;font-size:11px;background-image:url(../IMG/ico/date.png);background-position:2px 2px;background-size:14px;text-align:left;display:block;min-height:20px;filter:grayscale(1)}
.mail			{padding:3px 2px 3px 23px;line-height:13px;font-size:11px;background-image:url(../IMG/ico/enveloppe.png);background-position:2px 2px;background-size:14px;text-align:left;display:block;min-height:20px;filter:grayscale(1)}
.tel			{padding:3px 2px 3px 23px;line-height:13px;font-size:11px;background-image:url(../IMG/ico/tel.png);background-position:2px 2px;background-size:14px;text-align:left;display:block;min-height:20px;filter:grayscale(1)}
.fax			{padding:3px 2px 3px 23px;line-height:13px;font-size:11px;background-image:url(../IMG/ico/fax.png);background-position:2px 2px;background-size:14px;text-align:left;display:block;min-height:20px;filter:grayscale(1)}
.web			{padding:3px 2px 3px 23px;line-height:13px;font-size:11px;background-image:url(../IMG/ico/lien.png);background-position:2px 2px;background-size:14px;text-align:left;display:block;min-height:20px;filter:grayscale(1)}

.ALPHA			{background-image:url(../IMG/ico/table.png);background-size:20px}
.POINT			{background-image:url(../IMG/ico/placeholder.png);background-size:20px}
.MULTILINESTRING{background-image:url(../IMG/ico/bezier.png);background-size:20px}
.MULTIPOLYGON	{background-image:url(../IMG/ico/area.png);background-size:20px}

.RASTER			{background-image:url(../IMG/ext/JPEG.png)}
.PDF			{background-image:url(../IMG/ext/PDF.png)}




.nu						{background-color:transparent;background-size:24px;border-width:0;width:40px;min-width:40px;max-width:40px;height:40px;max-height:40px;min-height:40px;padding:0;margin:0;background-position:50%;cursor:pointer;font-size:0px;line-height:0px;color:inherit;text-align:center}
.nu30					{background-color:transparent;background-size:18px;border-width:0;width:30px;min-width:30px;max-width:30px;height:30px;max-height:30px;min-height:30px;padding:0;margin:0;background-position:50%;cursor:pointer;font-size:0px;line-height:30px;color:inherit;text-align:center}
.nu30_txt				{font-size:10px;width:auto;max-width:100px;padding:0 10px 0 30px;background-position:5px 50%}
.nu2					{height:50px;width:50px}
.nu3					{background-color:#EEE;border:1px solid #DDD;font-size:14px;line-height:14px;text-align:center;max-width:32px;max-height:32px;min-width:32px;min-height:32px}
.petit					{width:34px;height:34px;min-width:34px;min-height:34px;background-size:22px;font-size:0}

.ico					{border-radius:0px;vertical-align:middle;width:auto;max-width:50px;min-width:50px;height:50px;min-height:50px;background-color:transparent;background-size:28px auto;padding:0;line-height:50px;font-size:0;text-align:center;overflow:hidden;text-overflow:ellipsis;margin:0;border:0;background-position:50%;cursor:pointer;color:inherit} /* text-shadow:0 0 1px #EEE; */
.ico_txt				{font-size: 11px;text-align: center;width:auto;max-width: 100px;min-width: 60px;background-size:auto 24px;overflow: hidden;margin:0px;line-height:11px;background-position: 50% 2px;padding: 24px 3px 0px;}
.ico_txt2				{font-size:13px;line-height:17px;text-align:left  ;max-width:200px;width:auto;background-position:10px 50%;background-size:26px;padding:0 13px 0 46px;overflow:visible}
.ico_txt3				{font-size:10px;line-height:10px;text-align:center;height:34px;min-height:34px;max-height:34px;min-width:30;max-width:46px !important;width:auto;background-size:16px;background-color:transparent;background-position:50% 3px;padding:21px 0px 0px 0px;color: rgb(68, 68, 68);}
.ico_apps				{background:none;margin:3% 2% 0;width:28%;height:auto;display:inline-block;vertical-align:top;padding:0;text-align:center}
.ico_apps button		{border-radius:7px;width:50px;height:50px;background-position:50%;background-size:cover;margin:0 auto 10px;border:0}
.ico_apps label			{font-size:12px;line-height:13px;text-align:center}

.nu30.ico_txt2			{font-size:11px;padding:0 4px 0 26px;margin:0;background-position:5px 50%;background-size:16px;max-width:none;min-width:0;width:auto}
.nu30.btn_leg			{line-height:0;max-height:20px;min-height:20px;overflow:hidden}

.ico_selected			{width:120px;background-color:#fbbb46 !important}
.ico_gros				{font-size:12px;padding-top:35px;max-width:60px;width:56px;height:56px;margin:10px;z-index:1;background-size:30px}
.ico_appli				{background-color:rgb(200,0,0);background-image:url(../IMG/ico/webapp.png);position: absolute;top:2px;left:5px;width:40px;height:40px;border-radius:5px;background-size:auto 84%;background-position:50%}
.ico_coul				{width:30px;height:30px;min-width:30px;max-height:30px}

.arrondi				{max-width:90%;vertical-align:middle;margin:15px auto;height:45px;font-size:17px;line-height:19px;text-shadow:none;border-radius:4px;border:0;padding:10px 35px}

/* SPECIFITE BOUTON */
.btn_valide				{color:#FFF;background-color:#44b054;text-align:center}
.btn_ajoute				{border-radius:50%;border:0;font-size:20px;min-height:24px;height:24px;font-size:20px;font-style:bold;line-height:24px;width:24px;text-align:center;background-color:#E9D605;color:#000;padding:0px;margin:6px;background-position:50%;background-size:15px}
.btn_ajoute:hover		{background-color: rgb(72, 74, 118);color:#FAFAFA}
.LEGENDE.selected .btn_ajoute				{background-color:#BC5346}

.LEGENDE.DATA .btn_ajoute:after 			{content:"+"}
.LEGENDE.DATA.selected .btn_ajoute:after	{content:"-"}
.LEGENDE.INDIC .btn_ajoute:after 			{content:"+"}




.btn_annule				{color:#FFF;background-color:#AA0000;background-image:url(../IMG/ico/non.png)}
.btn_undo				{background-image:url(../IMG/ico/undo.png)}
.btn_reset				{font-size:24px;line-height:24px;color:#555 !important;text-align:center !important;border-radius:0;background-image:none} /*background-size:9px;background-position:50% 17px,50% 13px;background-image:url(IMG/ico/up.gif),url(IMG/ico/down.gif) */
.btn_reset:before		{content:"×";font-size:24px;line-height:24px;}
.btn_ficheinfo			{line-height:15px;height:auto;max-height:70px;background-image: url(../IMG/ico/info_bulle.png);padding-right:50px}
.retour					{background-image:url(../IMG/ico/gauche.png);text-transform:uppercase;font-weight:bold;max-height:40px;min-height:40px;background-size:20px;background-position:5px 50%;}
.suivant::after {
	background-image: url('../IMG/ico/droite.png');
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 20px;
	position: absolute;
	right: 0px;
	top: 0px;
	height: 40px;
	width: 30px;
	content: "";
}

.liste_deroule			{background:#EEE;margin:0;max-height:300px;overflow:auto} /* ;box-shadow:0 0 3px #AAA */
.liste					{min-height:40px;background-color:#FAFAFA;margin:0 0 1px 0;padding-top:5px}

.opt_couches			{display:table;width:100%;table-layout:fixed;color:#000;padding:0 0 0 0;font-size:0px;line-height: 0;} /*box-shadow:0px 1px 2px #AAA inset}*/
.opt_couches .nu30		{display:inline-block;width:100%;max-width:100%;font-size:0;padding:0}

.fullscreenNB			{background-image:url(../IMG/ico/fullscreen.png)}
.fullscreen				{background-image:url(../IMG/ico/expand.png)}

.zone_onglets			{display:table;table-layout:fixed;text-align:center;height:50px !important;width:100%;overflow:hidden}
.zone_onglets button	{width:100% !important;height:100%;padding: 28px 0 0 0; background-position: 50% 4px;height: 100%;text-align: center;}
.onglet					{display:table-cell}
.onglet.selected		{background-color:#DDD !important;color:#000 !important}
.onglet2				{padding:5px;height:auto;min-height:30px;margin:3px;border-radius:6px;background-color:#CCC;font-size:12px;width:auto;min-width:80px;max-width:100px}
.onglet2.selected		{background-color:#ffce72 !important}

#BTN_OFFLINE			{background-image:url(../IMG/ico/offline.png)}
#BTN_QUITTER			{background-image:url(../IMG/ico/non.png);background-size:auto}
.btn_fond				{position:relative;background-color:#FFF;vertical-align:bottom;background-size:cover !important;right:0;transition-property:margin-bottom;transition-duration:0.05s;transition-timing-function:linear;background-position:50%;padding:0;font-size:0;margin:2px;border:1px solid #DDD}
.btn_none				{background-image:url(../IMG/ico/NONE.gif);background-size:auto}
.btn_favoris			{background-image:url(../IMG/ico/like1.png)}



.btn_aide				{background-image:url(../IMG/ico/aide.png)}
#BTN_AIDE				{background-image:url(../IMG/ico/aide.png)}
#BTN_MES_DOCS			{background-image:url(../IMG/ico/dossier-utilisateur.png);display:none}
#BTN_ZOOMS				{background-image:url(../IMG/ico/mActionZoomIn.png)}
#BTN_ZOOM_AVANT			{background-image:url(../IMG/ico/mActionZoomIn.png)}
#BTN_ZOOM_ARRIERE		{background-image:url(../IMG/ico/mActionZoomOut.png)}
#BTN_ZOOM_BOX			{background-image:url(../IMG/ico/mActionZoomToSelected.png)}
#BTN_DRAG				{background-image:url(../IMG/ico/deplacer.png)}
#BTN_DEPART				{background-image:url(../IMG/ico/home.png)}
#BTN_CENTRE_GPS			{background-image:url(../IMG/ico/gps2.png);display:none}
#BTN_SAVE				{background-image:url(../IMG/ico/saveNB.png)}
.btn_save				{background-image:url(../IMG/ico/saveNB.png)}
.export					{background-image:url(../IMG/ico/exportation.png)}
#BTN_IMPRIME			{background-image:url(../IMG/ico/imprimante.png)}

/* CARTE OUTILS : HAUT DROITE */

/* outils carto */
#BTN_LEGENDE			{background-image:url(../IMG/ico/layers.png)}
#BTN_OUTILS				{background-image:url(../IMG/ico/boite-a-outils.png)}

/*
#onglets_menu			{display:none}
#CONTENU_onglets_menu	{display:none}
*/

/* outils Edition */
#BTN_ADD_GEOM			{background-image:url(../IMG/ico/ajouter.png)}
#BTN_MODIF_GEOM			{background-image:url(../IMG/ico/crayon.png)}

.btn_baselayer			{background-size:cover;width:60px;height:60px;margin:5px 5px 5px 10px;padding:0px;max-width:none;background-color:#EEE;border-width:1px;border-style:solid;border-color:#555;vertical-align:middle}
.btn_action				{background-color:lightgreen;background-position:50% 33%;background-size:auto;padding:50px 0 0 0;border:1px solid green;border-radius:7px;height:90px;width:140px;margin:0 5px 5px 5px}
.btn_opt				{background-image:url(../IMG/ico/menu_point.png)}

/* déroule vers la droite */
.btn_deroule::before	{content:"";position:absolute;width:20px;height:20px;top:calc(50% - 9px);right:15px;background-image: url(../IMG/ico/droite.png);background-position:50%;background-size:18px }

/* déroule vers le bas */
.btn_deroule2::before	{content:"";position:absolute;width:20px;height:20px;top:calc(50% - 9px);right:6px;background-image: url(../IMG/ico/bas.png)   ;background-position:50%;background-size:18px }
.btn_select				{min-height:36px;padding:2px 36px 2px 60px;font-size:13px;background-size:60px auto;background-position:-5px 50%;}

.btn_rub			{text-align:left;overflow:hidden;background-size:auto 30px;background-position:10px 50%;position:relative;height:36px;min-height:36px;padding:0 60px 0 50px;}
.btn_rub .txt_rub	{display:inline;font-size:14px;line-height:17px;}
.btn_rub .ico_rub	{top:4px;left:7px;width:70px;height:32px;bottom:2px;background-size:contain;background-position:50%;border-width:0 }
.btn_rub .compteur	{right:40px;color:#FAFAFA;display:block;top:13px;position:absolute}


.btn_engrenage			{background-image:url(../IMG/ico/param.png)}
.btn_date				{background-image:url(../IMG/ico/calendar.png)}

.search					{background-position:8px 50%;padding-left:36px;padding-right:5px;background-image:url(../IMG/ico/loupe.png)}

/* AUTRES BOUTONS */
#BTN_INVITE				{color:inherit;background-color:rgba(0,0,0,0.2);font-size:20px;display:none !important}



#BTN_CARTE				{background-image:url(../IMG/ico/carte.png)}
#BTN_APPS				{background-image:url(../IMG/ico/smartphone.png)}

.BTN_API				{background-image:url(../IMG/ico/API.png)}

.save_green				{margin:10px;width:calc(100% - 20px) !important;border: 1px dashed green;background-color: rgba(0,255,0,0.1);color: green;}

#BTN_FICHIER			{background-image:url(../IMG/ico/dossier-image.png)}
#BTN_LISTE_FONDS		{min-height:36px;font-size:13px;line-height:16px;background-position:calc(100% - 10px) 50%,-3px 50%;background-color:#F4F4F4;background-size:auto,53px auto;padding-right:35px;border:1px solid #CCC}
#BTN_FONDS				{background-image:url(../IMG/ico/carte.png)}
#BTN_MON_COMPTE			{background-image:url(../IMG/ico/user.png)}

#BTN_CENTRER_GPS		{background-image:url(../IMG/ico/cible.png)}
#BTN_COORD				{background-image:url(../IMG/ico/mouse.png), url(../IMG/ico/cible.png);background-position: 3px 9px, 16px 2px;background-size: 19px auto, 13px auto;}
#BTN_ADD_POSITION		{background-image:url(../IMG/ico/add.png), url(../IMG/ico/placeholder.png);background-size: 18px, 23px; background-position: 19px 100%, 3px 50%; }
.btn_gps				{background-image:url(../IMG/ico/navigator.png)}
#BTN_BOUSSOLE			{background-image:url(../IMG/ico/boussole.png)}
#BTN_PARCOURS			{background-image:url(../IMG/ico/drapeau-vert.png)}
#BTN_START_PARCOURS		{background-image:url(../IMG/ico/drapeau-vert.png)} /* url(IMG/ico/track.png) */
#BTN_STOP_PARCOURS		{background-image:url(../IMG/ico/drapeau-rouge.png);display:none}

.BTN_REFRESH			{background-image:url(../IMG/ico/refresh.png)}
.BTN_METADATA			{background-image:url(../IMG/ico/aide.png)}
.BTN_DOWNLOAD			{background-image:url(../IMG/ico/download.png)}
.BTN_RSS				{background-image:url(../IMG/ico/RSS.png)}
.BTN_CALQUES			{background-image:url(../IMG/ico/layers.png);background-position:50%}
.BTN_DROITE				{background-image:url(../IMG/ico/droite.png);background-position:50%}
.BTN_POUBELLE			{background-image:url(../IMG/ico/delete.png)}
.BTN_ROTATION			{background-image:url(../IMG/ico/rotation.png)}
.BTN_FERME				{z-index:2;color:inherit;overflow:hidden} /* position:absolute;top:0;right:0; */
.BTN_FERME:before		{content:"×";color:inherit;font-size:26px;line-height:inherit;line-height:100%}
.BTN_PREC				{background-image:url(../IMG/ico/gauche.png)}
.BTN_SUIV				{background-image:url(../IMG/ico/droite.png);background-position:98% 50%;padding-right:40px}
.BTN_REDUIT				{background-image:url(../IMG/ico/reduce.png)}
.BTN_AGRANDIT			{background-image:url(../IMG/ico/maximize.png)}
.BTN_AJOUT				{background-image:url(../IMG/ico/ajouter.png)}
.BTN_HAUT				{background-image:url(../IMG/ico/haut.png)}
.BTN_BAS				{background-image:url(../IMG/ico/bas.png)}

.btn_addLayer			{background-position:50% 50%;width:20px;padding:0;height:100%;position:absolute;top:0px;right:0px;background-image:url(../IMG/ico/droite.png);border:0;margin:0;background-color:transparent}

.small_ico				{background-size:16px}


.coul_theme				{background-color:#138AB5AA;border-color:#138AB5;color:#FFFFFF}
.coul_theme_opa			{background-color:#094D74AA;border-color:#138AB5;color:#FFFFFF}
.coul_fond2				{background-color:#e6e6d5;color:#222} /* #eeeede */
.coul_fond				{background-color:#fbfbf3;color:#222}
.coul_voile				{background-color:#00000055}

.selected				{background-color:#e6e6d5 !important;color:#222 !important}
.LEGENDE.selected 		{background-color:#fbbb46 !important;}
.zone_export			{margin:0;display:none;border:0px red dashed;background-color:rgba(0,0,0,0.65);pointer-events:none;}


.alert-success	{ color: #155724 !important;background-color: #d4edda !important;border-color: #155724 !important;}
.alert-danger	{ color: #721c24 !important;background-color: #f8d7da !important;border-color: #721c24 !important;}
.alert-info		{ color: #222222 !important;background-color: #DDDDDD !important;border-color: #222222 !important}
.alert-warning	{ color: #856404 !important;background-color: #fff3cd !important;border-color: #856404 !important;}


/* GRAND ECRAN : + de 1600px */
@media screen and (min-width:1600px)	
{
	#DIV_MODULE		{min-width:1186px}
}

/*** En dessous de 910px de L ==> MODE TABLETTE / RETROPROJECTEUR **/

@media screen and (max-width:1115px)	/* 800px :iPad */
{
	.MODE_CARTE #zone_catalogue			{min-width:300px;top:1px;left:280px}

	/*.BLOCK	{width:32%}*/
}


/*** En dessous de 800px de L ==> MODE PHABLETTE ou TABLETTE VERTICALE ***/

@media screen and (max-width:850px)
{
	#DIV_MODULE		{margin:10px;top:0;right:0;left:0;bottom:0;width:auto;min-width:calc(100% - 20px)}
	.BLOCK			{width:49%;margin:0.5%}

	/*#barre_app				{margin:5px}*/
	/*#FORM_RECHERCHE			{left:95px;margin:5px 0}*/
	/*#DIV_CATALOGUE			{top:55px;left:100px;}*/

	#OUTILS_CARTO			{padding:0 10px}
	#OUTILS_CARTO_2			{margin:5px}
}

/*** En dessous de 500px de L ==> MODE SMARTPHONE ***/

@media screen and (max-width:600px)		/* pour info 320px = Largeur CSS iPhone 4 et 5 */
{

	#FEN_RECHERCHE			{inset:50px 0 0 0 !important;max-width:100%;max-height:100% !important;width:auto !important;}

	#FEN_RECHERCHE .CONTENU {max-height:100% !important}

	#barre_app			{left:0;width:100%;height:50px;margin:0;text-align: right;}
	/*#barre_app .separe	{ display: inline-block;vertical-align: top; border-left:1px solid;height:100%;margin:0 5px;padding:0}*/

	#BTN_EXPORT_INDIC	{font-size:0}


	#FORM_RECHERCHE {width: calc(100% - 60px);}
	#BTN_CNX 		{top:0;left:0;font-size:inherit}
	#BTN_RECHERCHE	{display: none; }
	/*#BTN_API		{display: none; }*/
	#BTN_COORD		{display: none; }

	/*#DIV_CATALOGUE		{top:95px;bottom:0;left:0px;right:0px;width:auto;margin:0;max-height:calc(100% - 95px);}*/
	#OPTIONS_LEGENDE		{width:100%}

	/*#DIV_MAP				{position:absolute;top:0;bottom:50px;left:0;right:0}*/
	#DIV_MODULE				{margin:0px;top:0;right:0;left:0;bottom:0;min-width:100%;max-width:100%}

	/*.FENETRE.PANNEL			{width:calc(100% - 20px)}*/

	#DIV_INTRO				{background-size:auto !important;background-position:50% 0px}

	#INTRO_TITRE			{padding:15px 15px 0}
	#INTRO_TEXTE			{padding:15px}

	#DIV_ACTU				{display:block !important;width:100%}
	#DIV_ACTU #DIV_BLOCKS	{padding:0}
	#DIV_LEGENDE_CONTENU	{text-align:right;padding:0 50px 0 0;width:auto}
	.rub_menu				{width:100% !important}
	.rub_groupe				{display:block;min-width:0;max-width:100%;width:auto}
/*
	.zone_bd				{height:auto;margin:0}
	.zone_cg				{left:-2px;top:85px}
*/
	.FORM_EDIT .ligne_CARTE	{display:block}

	.NOTIFICATION			{left:0px !important;bottom:0px !important;right:0 !important;width:auto;max-width:none;margin:50px 20px;z-index:1001 !important;}

	#APP_INTRO				{position:static;box-shadow:none}

	#FICHE_LIENS			{text-align:center;width:auto;display:block}
	#FICHE_LIENS select		{width:80% !important;max-width:none !important;height:35px !important;margin:3px auto !important}
	#FICHE_INVITES			{padding:0 0 5px 0;text-align:center;width:auto;display:block}
	#FICHE_INVITES select	{max-width:none !important;width:80% !important;height:35px !important;margin:3px auto !important}
	#LIGNE_OUTILS			{text-align:center}
	
	.column					{width:80%;float:none;margin:5% 10%}

	#DIV_BLOCKS_CONTENU		{padding:0}
	.BLOCK 					{width:auto;float:none;max-height:none;min-height:0 !important;margin:10px;min-width:0;max-width:none;display:block;border-width:0}
	.RUB_BLOCK				{padding:5px 0px;margin:0}

	.FENETRE.MODALE			{left:0 !important}

	.btn_baselayer 			{width:50px;height:40px;margin:3px 3px 3px 6px;vertical-align:middle}

	#DIV_AGRANDIT			{display:none !important}

	#DIV_CARTO				{top:50px;left:0;bottom:40px}
	#DIV_BLOCKS				{top:100px;left:0 !important;padding:0}

	#OUTILS_CARTO			{top:35px;left:0px;margin:0;padding:10px 20px 0 5px} 
	#OUTILS_CARTO div		{margin:0 0 8px 0}
	#OUTILS_CARTO .nu		{width:36px;max-width:36px;min-width:36px;height:36px;max-height:36px;min-height:36px}

	#BTN_ZOOM_BOX			{display:none !important}
	#BTN_DEPART				{display:none !important}

	#OUTILS_CARTO_2			{position:absolute;margin:0 10px;width:auto;top:auto;right:0;left:auto;bottom:30px}
	/*#ONGLETS_CARTE .nu		{width: 44px;font-size: 0px;padding: 0px;min-height: 44px;height: 44px;	}*/

	#ONGLETS_CARTE			{position:fixed;margin:0px;width:auto;bottom:0;left:0;right:0;top:auto;box-shadow: 0 0 2px #aaa;display:flex;justify-content: space-between;}
	#CONTENU_ONGLETS_CARTE	{position:fixed;margin:0px;padding:0;width:auto;top:auto;right:0;left:0;bottom:40px;max-height:calc(100% - 90px) !important;height:auto;border-radius:0;box-shadow:0 -1px 2px #aaa;}



	#OUTILS_CARTO_3			{padding-bottom:0px}

	/*#MACARTE_FOND			{margin:0;left:0px;width:auto;max-width:100%;right:0;bottom:0px;font-size:0;padding:0;height:35px}*/
	/*#MACARTE_FOND select	{width:100px}*/
	/*#PROJ_COORD 			{display: none !important;}*/
	#BTN_ECHELLE			{display: none;}
	/*
	#INFO_COORD				{width:40%;text-align:right;display:block;position:absolute;top:auto;bottom:0;right:0;left:auto;margin:5px;font-size:12px}
	*/
	#PROJ_COORD				{width:100px}

	#BTN_UP { margin:0px 40px 65px 0px }

	#DIV_TITRE			{padding:0 5px;display:none}
	#DIV_DESCRIPTION	{padding:0 5px;display:none}

	#TXT_RECHERCHE		{max-width:none}
}

/*** En dessous de 317px de L ==> MODE MICRO encore + petit que iPhone 4 ***/

@media screen and (max-width:350px)
{
	#TITRE_APP	{display:none}
	#zone_menu	{width:60px;padding:0}
}


/**** OPENLAYERS ****/
.ol-zoom			{display:none !important}
.ol-attribution		{display:none !important}
/*
.olMapViewport					{z-index:0 !important}
.olHandlerBoxZoomBox, #zoomBox	{background-color:#FF0000;border:0;opacity:0.3}
.olImageLoadError				{display: none !important; }  
*/

/**** GOOGLE MAPS ****/
.gm-style-cc	{display:none}

/**** CESIUM ****/
.cesium-credit-logoContainer {display:none !important}


@media print
{
	#barre_app	{display:none !important}
	#BTN_UP		{display:none !important}

	#DIV_BLOCKS	{margin:0 !important;padding:0}

	.RUB_BLOCK	{break-after:avoid-page}

	.BLOCK		{box-shadow:none !important;border:1px solid #CCC;break-after:page }

	.FENETRE	{display:none !important}
}

/* Slideshow container */
/*
.slideshow-container {max-width:400px;height:240px;position:relative;margin:auto}
.mySlides {display:none;text-align:center;height:100%;background-size:cover;background-position:50%}
.prev, .next {cursor: pointer;position: absolute;top: 50%;left:0;width: auto;margin-top: -22px;padding: 16px;color: white;font-weight: bold;font-size: 18px;border-radius: 0 3px 3px 0}
.next {right:0;left:auto;border-radius:3px 0 0 3px}
.prev:hover, .next:hover { background-color: rgba(0,0,0,0.6)}
.text		{padding:7px;position:absolute;bottom:0px;width:100%;text-align:center;font-weight:bold;background-color:rgba(255,255,255,0.5)}
.numbertext	{color:#555;font-weight:normal;font-size:11px;padding:0px;position:absolute;text-align:left;top:0;left:0;text-shadow:1px 1px 0 #FAFAFA}
.dot		{cursor:pointer;height: 13px;width: 13px;margin: 0 3px;background-color: #EEE;border-radius: 50%;display: inline-block}
.active, .dot:hover { background-color: #777}
*/