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

* { margin:0; padding:0; border:0; outline:0; font-size:100%; color: #1d1d1b; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
a { text-decoration: none; }
a:hover, a:active { background-color: #e5e6e7; }
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: #7a7b7c; font-style: italic; cursor: pointer; }

body, #loading { background-color: #656364; background: -moz-linear-gradient(top, #656364 0%, #7a7b7c 40%, #e5e6e7 100%); background: -webkit-linear-gradient(top, #656364 0%,#7a7b7c 40%,#e5e6e7 100%); background: linear-gradient(to bottom, #656364 0%,#7a7b7c 40%,#e5e6e7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#656364', endColorstr='#e5e6e7',GradientType=0 ); }

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

#loading { }
#loading hgroup { display: none; color: #7a7b7c; 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: #fff; border: 1px solid #7a7b7c; border-radius: 5px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); -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: #656364; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 4px rgba(139, 0, 255, 0.4); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 4px rgba(139, 0, 255, 0.4); }

/* Player */
.vhplab_player ul { position: relative; display: inline-block; vertical-align: middle; background-color: #1d1d1b; font-weight: normal; color: #e5e6e7; list-style-type: none; }
.vhplab_player ul li { position: absolute; cursor: pointer; background-color: transparent; background-repeat: no-repeat; }
.vhplab_player ul li.position { background-image: none; }
.vhplab_player ul li.duration { background-image: none; }
.vhplab_player ul li.progress_bar { background-color: transparent; border: 1px solid #7a7b7c; background-image: none; }
.vhplab_player ul li.progress_bar span { display: block; position: absolute; background-repeat: repeat-x; top: 0px; left: 0px; width: 0%; }

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

#cgeomap { background: #e5e6e7; }
.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; }


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

