body{
    padding-top: 10px;
    padding-bottom: 10px;
	margin: 0px;
	background-color: transparent;
	border-top: 5px solid #ff9800;
}

a{
	color: #0411FB;
}

.breadcrumb >.active a {
   color: black;
}

.breadcrumb >.active {
   color: black;
}

nav .navbar-nav li a{
  color: black !important;
  }

.adresse{
	padding-left: 20px;
}

.card{
	border-top: 3px solid #ff9800;
}

.card-header{
	margin: 0px;
}

.progressHeader{
	padding-bottom: 5px;
	padding-top: 20px;
	font-size: 14px;
}

.progress{
	margin: 5px;
}

.headerBold{
	padding-top: 20px;
	font-size: 20px;
	color: darkgrey;
}

.social:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.social {
	-webkit-transform: scale(0.8);
	/* Browser Variations: */

	-moz-transform: scale(0.8);
	-o-transform: scale(0.8);
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
}

/*
    Multicoloured Hover Variations
*/
 
#social-fb:hover {
     color: #3B5998 !important;
}
#social-tw:hover {
     color: #4099FF !important;
}
#social-gp:hover {
     color: #d34836 !important;
}
#social-em:hover {
     color: #f39c12 !important;
}
#social-xing:hover {
     color: #cfdc00 !important;
}
.fa-xing-square{
	color: #cfdc00 !important;
}


/* Center the image and position the close button */
.imgcontainer {
  text-align: center !important;
  margin: 24px 0 12px 0 !important;
  position: relative !important;
}

img.avatar {
  width: 40% !important;
  border-radius: 50% !important;
}

span.psw {
  float: right !important;
  padding-top: 16px !important;
}

/* Add Zoom Animation */
.animate {
  -webkit-animation: animatezoom 0.6s !important;
  animation: animatezoom 0.6s !important;
}

#myTab{
	background-color: LightGray !important;
}

.bg-danger {
	background-color: transparent !important;
}

.text-danger{
	color: black  !important;
	background-color: transparent !important;
}

#myBtn {
  display: none;
  position: fixed !important;
  bottom: 20px !important;
  right: 50px !important;
  z-index: 99 !important;
  font-size: 18px !important;
  border: none !important;
  outline: none !important;
  background-color: #ff9800 !important;
  color: black !important;
  cursor: pointer !important;
  padding: 10px !important;
  border-radius: 4px !important;
}

#myBtn:hover {
  background-color: #555 !important;
}


/* On screens that are 600px wide or less, make the menu links stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
	#myBtn {
		display: none;
		position: fixed !important;
		bottom: 10px !important;
		right: 5px !important;
		z-index: 99 !important;
		font-size: 10px !important;
		border: none !important;
		outline: none !important;
		background-color: #ff9800 !important;
		color: black !important;
		cursor: pointer !important;
		padding: 3px !important;
		border-radius: 4px !important;
	}
}