@font-face {
	font-family: "BebasNeue";
	src: url('../fonts/BebasNeue.otf');
}

@font-face {
	font-family: "Steelfish";
	src: url('../fonts/steelfish-rg.ttf');
}

body {
	font-family: "Steelfish";
  letter-spacing: 0.1em;
  background-color: #999;
}

header{
  height:64px;
}

footer{
  padding-top:0!important;
  border-top: 10px solid #4b3559;
}

a.breadcrumb{
  font-size: 1.5em!important;
}

a:hover{
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
  -webkit-transition: color .3s;
  transition: color .3s;
  color:#333;
}

li.HG_actifPage{
  background-color:#4D3758;
}


li.HG_actifPage a{
  color:white;
}

li.HG_title{
  padding-top:1em;
  text-align:center;
}

li.HG_logo{
  height:50px;
  padding:0.5em;
  padding-left:6em;
  padding-right:6em;
}

.nav-wrapper{
  font-family: "BebasNeue";
  letter-spacing: 0.1em;
}

h5{
  font-family: "BebasNeue";
  letter-spacing: 0.1em;
}

.nav-wrapper a{
  font-size: 2em;
}

.nav-wrapper a:hover{
  color:#999999;
}

.HG_purpleText, .HG_purpleText li a{
  color:#4D3758;
}

.HG_purpleBackground{
  background-color:#4D3758;
}

.HG_greyOnHover:hover{
  background-color:#333!important;
}

.HG_paddingLeft1{
  padding-left:1em;
}

.HG_element{
  margin-top:1em;
  display:block;
  position:relative;
  border:2px #4D3758 solid;
  height:100%;
  width:100%;
  min-height: 8em;
}

.HG_element a{
  width: 100%;
  height:100%;
}

.HG_element a:hover{
  font-size: 120%;
  -webkit-transition: font-size .3s;
  transition: font-size .3s;
}

.HG_element a:hover h1{
  color: #999!important;
}


.HG_element img{
  width:100%;
  display:block;
  top:0;
}

.modal-content h4{
  color:#4D3758;
}

.modal-content img{
  width:100%;
}

.HG_element h1{
  position:absolute;
  padding:0.2em;
  font-size: 3em;
  color:white;
  background-color:rgba(77, 55, 88, 0.8);
  margin:0;
  bottom:0;
  -webkit-transition: color .3s;
  transition: color .3s;

}

div.HG_footerTopBar{
  display: -webkit-flex;
  display: flex;
  flex-direction: line;
  justify-content: space-around;
  width: 100%;
  border-bottom: 4px solid #4b3559;
}

div.HG_footerTopBar > div{
    display: -webkit-flex;
    display: flex;
    border-right: 2px solid #4b3559;
    border-left: 2px solid #4b3559;
}

.HG_footerTopBar a{
  display: block;
  width: 5em;
  padding-top:0.5em;
  padding-bottom:0.4em;
  text-align: center;
  border-right: 2px solid #4b3559;
  border-left: 2px solid #4b3559;
  color: white;
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
}

.HG_footerTopBar a:hover{
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
  color: #4D3758;
  background-color: white;
}

.HG_footerLists li{
  width: calc(50% - 0.2em);
  display:inline-block;
}

.HG_footerLists a{
  text-align: center;
  -webkit-transition: color .3s;
  transition: color .3s;
}

.HG_footerLists h5{
  padding-bottom: 0.5em;
  border-bottom: 2px solid white;
}

.HG_element iframe{
  width:100%;
  height:350px;
  display:block;
}

.HG_newsComment{
  padding:1em!important;
}

.HG_StreamText{
  background-color:#424242 !important;
  padding:1em;
  color:white;
}

.HG_StreamText a:hover{
  font-size: 100%!important;
  color:#999!important;
}


#HG_monitoring{
  padding: 1em;
}

#HG_monitoring li{
  margin: 0.5em;
}

#HG_monitoring span{
    font-weight: 300;
    font-size: 0.8rem;
    color: #fff;
    border-radius: 2px;
}

.HG_carouselBottom{
  position: relative;
  margin-top:-66px;
  min-height:66px;
  background-position: bottom;
  background-size: 100%;
  background-repeat: repeat-x;
  background-image: url(../img/backgrounds/carousel-full-bottom.png);
}

#HG_content{
  padding:25px;
  padding-top:70px;
  margin-top:-60px;
}

#HG_widgetsCol iframe, #HG_widgetsCol div .fb-page .fb_iframe_widget, .fb-page .fb_iframe_widget span {
  width: 100%!important;
}

/* label color */
.input-field label {
  color: #4D3758!important;
}
/* label focus color */
.input-field textarea:focus + label {
  color: #4D3758!important;
}
/* label underline focus color */
.input-field textarea:focus {
  border-bottom: 1px solid #4D3758!important;
  box-shadow: 0 1px 0 0 #4D3758!important;
}
/* valid color */
.input-field textarea.valid {
  border-bottom: 1px solid #4D3758!important;
  box-shadow: 0 1px 0 0 #4D3758!important;
}
/* invalid color */
.input-field textarea.invalid {
  border-bottom: 1px solid #4D3758!important;
  box-shadow: 0 1px 0 0 #4D3758!important;
}
/* icon prefix focus color */
.input-field .prefix.active {
  color: #4D3758!important;
}

.user-view h5{
  color:white;
  padding-bottom:1.5em;
}

.side-nav{
   background-color: #424242;
   color:white;
 }

.side-nav li a{
  font-size:120%!important;
  color:white;
}

a#HG_buttonSideNav {
  z-index: 999;
  -webkit-transition: margin-left .2s;
  transition: margin-left .2s;
  position: fixed;
  color: white;
}