body {
background: url(http://www.logrami.fr/wp-content/uploads/2014/10/Stations-de-comptage.jpg) #003658 center center;
}

.mdl-layout {
	background-color: rgba(0, 54, 88, 0.9);
}

.surface {

}

header {
	background-color : #F6F6F6!important;
}

.mdl-layout-title, .mdl-navigation__link {
	color: #898989!important;
	font-size: 1em;
    text-transform: uppercase;
    font-weight: 700;
}

.mdl-layout__drawer {
    background: #379ec6;
}
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link{
    color: rgba(255, 255, 255, 0.7)!important;
	font-weight:normal;
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover {
    background: #173957!important;
}

.mdl-layout__drawer-button{
	color: #379ec6!important;
}

main {
	//	height: 100%
}

main  .mdl-grid {
	//	height: 90%;
	max-width: 1200px;
}

a {
    color: #379ec6;
    text-decoration: none;
    line-height: inherit;
}

footer{
	
}

.demo-card-square.mdl-card {
	width: 320px;
	height: 320px;
}
.demo-card-square > .mdl-card__title {
	color: #fff;
	background: #009FC9;
}
.demo-card-square > .mdl-card__menu {
	color: #fff;
}

.demo-card-wide > .mdl-card__title {
	color: #fff;
	background: #B09953;
	height: 176px;
}
.demo-card-wide > .mdl-card__menu {
	color: #fff;
}

						    #stations-map {
						        /*height:600px;*/
						        width:100%;
						    }
						    .gm-style-iw * {
						        display: block;
						        max-width: 300px;
						    }
						    .gm-style-iw p{
						    	font-size: 12px !important;
						    }
						    .gm-style-iw h4{
						    	padding: 8px 0;
						    }
						    .gm-style-iw h4, .gm-style-iw p {
						        margin: 0;						        
						    }
						    .gm-style-iw p{
						    	padding: 0;
						    }

						    .gm-style-iw a {
						        color: #4272db;
						    }

#carte-intro .mdl-card__title {
	background: url('../images/Stations-de-comptage-3.jpg') center / cover;
}

.carte-station .mdl-card__title {
	background-color: #379EC6;
}

.mdl-button--accent {
	color: #379EC6!important;
	border: 1px solid #379EC6;
	//font-weight: bold;
}

.mdl-button--colored {
	color: #379EC6!important;
	border: 1px solid #379EC6;
	//font-weight: bold;
}

.mdl-button--accent.mdl-button--fab, .mdl-button--accent.mdl-button--raised {
	background: #379EC6!important;
	color: #fff!important;
}

.mdl-button--colored.mdl-button--fab, .mdl-button--colored.mdl-button--raised  {
	background: #379EC6!important;
	color: #fff!important;
}

.logos_partenaires a {
    margin: 0px 4px;
}

.mdl-textfield__label:after, .mdl-layout__tab.is-active:after {
    background-color: #379EC6!important;
}

.boutonplus {
	right: 0px;
}

.boutonplus {
	background-color: rgba(55, 158, 198, 0.9)!important;
	color:#FFF;
}

#comptages_esp .mdl-textfield{
    margin: 10px;
}

#comptages_esp .mdl-textfield__input	{
	background-color: rgba(255, 255, 255, 0.7);
	color:#379EC6;
	font-weight:bold; 
	font-size: 25px;
}

#comptages_esp .mdl-textfield__label {
	color:#379EC6;
}

.boutonmoins {
	right: 50px;
	color: #379EC6;
	border: #379EC6 1px solid;
    background-color: rgba(255, 255, 255, 0.7);
}


#comment {
/* height: 50px; */
}

#table-highscores {
	width: 100%;
	display: block;
    max-height: 500px;
    overflow-y: scroll;
	}
	
	#dernier_score {
background-color: #EFEEFF; 
color:#423D70
}

#meilleur_score {
background-color: #B09953;
color : #fff 
}