html, body {
	height:100%;
	width: 100%;
	margin:0;
	padding:0;
	background-color: white;
}

html, body, input, form-control {
	font-family: 'DroidSans';
}

h1 {
	font-family: 'BebasNeue Bold';
}
#myModal, #myDetailModal {
	z-index: 10000;
}
.modal-dialog,
.modal-dialog input {
	font-family: Arial;
}
.modal_icon {
	float:left;
	margin: 0 10px 0 0;
}
.left {
	float: left;
}
.right {
	float: right;
}
.block {
	display: block;
}
.control-label {
	/*color: white;*/
}
.center {
   margin: 0 auto;
}
.fixed {
	position: fixed;
	background-color: blue;
}
.text-center {
	text-align: center;
}
.blue {
	color: #1da1f2;
}
.green {
	color: #ccd237;
}
.red {
	color: red;
}
.white {
	color: white;
}
.vertical-align-top {
	vertical-align: bottom !important;
}
.overflow-hidden {
	overflow: hidden;
}
.wrap {
	white-space: normal;
	text-overflow: ellipsis;
}
.lightgrey {
	color: lightgrey;
}
.inactif-member{
	font-style: italic;
	color: #888;
}
.hidden-block {
	display: none;
}
.small-text {
	font-size: 0.6em;
}
.tiny-text {
	font-size: 0.6em;
}

.form_error_msg {
	font-size: 0.8em;
	color: red;
	margin: 4px 0px 0 0;
	padding: 0 0 0 4px;
}
.dummyinput {
	display:none !important;
}
.pointer {
	cursor: pointer;
}
#thermo_back {
	background-color: #CCC;
	border: 1px solid lightgrey;
    border-radius: 2px;
	height: 20px;
	width: 100%;
}
#thermo_front {
	background-color: #1da1f2;
    border-radius: 2px;
	height: 20px;
	width: 2%;
	color: black;
	font-weight: bold;
	text-align: center;
}

/* _________________________________________________________
			RELOAD_BUTTON
___________________________________________________________*/
.reload_button {
	animation: example 0.9s linear 0s infinite;        
	animation-play-state: paused;
}
.reload_button_running {
	animation-play-state: running;
}    
@keyframes example {
	from {	transform: rotate(0deg);	}
	to	  {	transform: rotate(360deg);	}
}
 

/* _________________________________________________________
			SPINNER
___________________________________________________________*/
#spinner {
	display: none;
	position: absolute;
	width: 100%;
	text-align: center;
	margin-top: 100px;
	z-index: 2000;
}


/* _________________________________________________________
			GENERAL BLOCKS
___________________________________________________________*/
.block_header  {
	z-index: 1000;
	background-color: #504339;
	top: 0;
	color: white;
	position: fixed;
	width: 100%;
}

.general-logo {
	float: left;
	margin: 10px 0 0 10px;
	cursor: pointer;
}



/* _________________________________________________________
			STARS
___________________________________________________________*/
.N00, .N10, .N20, .N30, .N40, .N50,
.N05, .N15, .N25, .N35, .N45 {
	width: 90px;
	height:18px;
	background: url("/images/picto_social.png");
	float:left;
}
.N50 {
	background-position: 0 158px;
}
.N40 {
	background-position: -18px 158px;
}
.N30 {
	background-position: -36px 158px;
}
.N20 {
	background-position: -54px 158px;
}
.N10 {
	background-position: -72px 158px;
}
.N00 {
	background-position: -90px 158px;
}
.N45 {
	background-position: 0 175px;
}
.N35 {
	background-position: -18px 175px;
}
.N25 {
	background-position: -36px 175px;
}
.N15 {
	background-position: -54px 175px;
}
.N05 {
	background-position: -72px 175px;
}