:root{
--icons: #e4322b;
--bright-e: #e4322b;
--bright-bg: #91fad5;
--medium-bg: #47b9bc;
--dark-bg: #00a7aa;
--grey-dark: #1d1d1b;
--grey-medium: #7a7b7c;
--grey-bright: #e5e6e7;
--white: #fff;
--acid-e: #d7df23;
--acid-blue: #00a8e0;
--acid-red: #e4322b;
--alpha-white: rgba(255,255,255, 0.9);
--alpha-shadow: rgba(60, 60, 60, 0.5);
--alpha-soft-shadow: rgba(0, 0, 0, 0.1);
--alpha-bright-bg: rgba(145, 250, 213, 0.4);
--alpha-medium-bg: rgba(71, 185, 188, 0.4);
--transparent-bright-bg: rgba(145, 250, 213, 0);
--transparent-medium-bg: rgba(71, 185, 188, 0);
--full-bright-bg: rgba(145, 250, 213, 1);
--full-medium-bg: rgba(71, 185, 188, 1);
--alpha-bright-e: rgba(239, 65, 35, 0.6);
--sombra: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));
--category-00: #000000;
--category-01: #000000;
--category-02: #000000;
--category-03: #000000;
--category-04: #000000;
--category-05: #000000;
}

/* --------------------
   General earthlings
-------------------- */

* { margin:0; padding:0; border:0; outline:0; font-size:100%; color: var(--grey-dark); font-family: 'Assistant', sans-serif; }
a { text-decoration: none; }
a:hover, a:active { background-color: var(--bright-bg); }
a.fancybox:hover, a.fancybox:active, a.lien:hover, a.lien:active, .fancybox-wrap a:hover, .fancybox-wrap a:active{ background-color: transparent; }

fieldset, .btn, .form-control { vertical-align: middle; display: inline-block; }
fieldset { border: none; }
.btn { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -khtml-user-select: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; /* For some Androids */ }

.right { text-align: right; }
.right img, .center img { display: inline-block; padding: 0 10px; }

.hidden { display: none; }
.new { color: var(--medium-bg); font-style: italic; cursor: pointer; }

body, #loading, #sending_login { background-color: var(--dark-bg); background: -moz-linear-gradient(top, var(--dark-bg) 0%, var(--medium-bg) 40%, var(--bright-bg) 100%); background: -webkit-linear-gradient(top, var(--dark-bg) 0%,var(--medium-bg) 40%,var(--bright-bg) 100%); background: linear-gradient(to bottom, var(--dark-bg) 0%,var(--medium-bg) 40%,var(--bright-bg) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--dark-bg)', endColorstr='var(--bright-bg)',GradientType=0 ); }


/* --------------------
   Loading
-------------------- */

#loading { }
#loading hgroup { display: none; color: var(--grey-medium); text-align: center; }
#loading hgroup h1 { margin: 0 1em; font-weight: 300; font-size: 1.8em; line-height: 1.2em; }


/* --------------------
   Navigation
-------------------- */

#navigation hgroup { text-align: center; }
#navigation hgroup a:hover, #navigation hgroup a:active { background-color: transparent;  }


/* --------------------
   Content
-------------------- */

/* input */
.form-control { background-color: var(--white); border: 1px solid var(--grey-medium); border-radius: 5px; -webkit-box-shadow: inset 0 1px 1px var(--alpha-soft-shadow); box-shadow: inset 0 1px 1px var(--alpha-soft-shadow); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
.form-control:focus { border-color: var(--dark-bg); -webkit-box-shadow: inset 0 1px 1px var(--alpha-soft-shadow), 0 0 4px var(--alpha-medium-bg); box-shadow: inset 0 1px 1px var(--alpha-soft-shadow), 0 0 4px var(--alpha-medium-bg); }

/* Player */
.vhplab_player ul { 
	position: relative; 
	display: inline-block; 
	vertical-align: middle; 
	background-color: var(--grey-dark); 
	font-weight: normal; 
	color: var(--grey-bright); 
	list-style-type: none; 
}
.vhplab_player ul li { 
	position: absolute; 
	cursor: pointer; 
	background-color: transparent; 
	background-repeat: no-repeat; 
}
.vhplab_player ul li.play, .vhplab_player ul li.pause, .vhplab_player ul li.volume {
	font-family: "fontello";
}
.vhplab_player ul li.play:before, .vhplab_player ul li.pause:before, .vhplab_player ul li.volume:before {
	color:var(--white);
}
.vhplab_player ul li.play:after, .vhplab_player ul li.pause:after, .vhplab_player ul li.volume:after {
	color:var(--grey-dark);
	position: absolute;
	top: 0;
	left: 0;
}
.vhplab_player ul li.play:hover:before, .vhplab_player ul li.pause:hover:before, .vhplab_player ul li.volume:hover:before {
	color:var(--grey-bright);
}
.vhplab_player ul li.position, .vhplab_player ul li.duration {
	background-image: none;
	color:var(--grey-bright);
}
.vhplab_player ul li.progress_bar { 
	background-color: transparent; 
	border: 1px solid var(--grey-medium); 
	background-image: none; 
}
.vhplab_player ul li.progress_bar span { 
	display: block; 
	position: absolute; 
	background-repeat: repeat-x; 
	top: 0px; 
	left: 0px; 
	width: 0%; 
}
.vhplab_player ul li.play:before {
	content: '\E83B';
}
.vhplab_player ul li.play:after {
	/*content: '\E83C';*/
}
.vhplab_player ul li.pause:before {
	content: '\E839';
}
.vhplab_player ul li.pause:after {
	/*content: '\E83A';*/
}
.vhplab_player ul li.volume-0:before {
	content: '\E83F';
}
.vhplab_player ul li.volume-0:after {
	content: '\E840';
}
.vhplab_player ul li.volume-25:before {
	content: '\E841';
}
.vhplab_player ul li.volume-25:after {
	content: '\E842';
}
.vhplab_player ul li.volume-50:before {
	content: '\E843';
}
.vhplab_player ul li.volume-50:after {
	content: '\E844';
}
.vhplab_player ul li.volume-75:before {
	content: '\E845';
}
.vhplab_player ul li.volume-75:after {
	content: '\E846';
}
.vhplab_player ul li.volume-100:before {
	content: '\E847';
}
.vhplab_player ul li.volume-100:after {
	content: '\E848';
}


/* --------------------
   Map
-------------------- */

#cgeomap { background: var(--bright-bg); }


/* --------------------
   Leaflet
-------------------- */

.cgeomap .leaflet-popup-content-wrapper h2 { font-size: 2.6em; }
.cgeomap .leaflet-popup-content-wrapper h3 { }
.cgeomap .leaflet-popup-content-wrapper p { font-size: 1.2em; margin: 1em 0; }
.cgeomap .leaflet-popup-content-wrapper a.fancybox { display: block; margin-top: 1.2em; }

.cgeomap a.leaflet-popup-close-button {
	/*background-image: none !important;*/
    font-family: "fontello" !important;
    font-size: 29px !important;
    line-height: 29px !important;
	opacity: 0.65;
}
.cgeomap a.leaflet-popup-close-button:hover {
	opacity: 1;
}
.cgeomap a.leaflet-popup-close-button:hover:after {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	content: '\E813';
    color: var(--white);
}
.cgeomap a.leaflet-popup-close-button:before {
    content: '\E812';
    color: var(--icons);
    -webkit-filter: var(--sombra);
    filter: var(--sombra);
}

/* --------------------
   Footer
-------------------- */