.my_background{
	background:url("image/img.jpg") no-repeat center fixed;
}
.a:active /* Quand le visiteur clique sur le lien */
{
background-color: yellow;
}

.a:focus /* Quand le visiteur sélectionne le lien */
{
background-color: yellow;
}

.a:visited /* Quand le visiteur a déjà vu la page concernée */
{
color: #AAA; /* Appliquer une couleur grise     opacity: 0.3;*/
}

.hr1 {
  display: block;
  height: 0px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 0.2em 0;
}
.hr2{
 margin-bottom: 2px;
  background-color:slategray;
  color:white;height: 5px
}
.center_div{
    margin: 0 auto;
    width:80% /* value of your choice which suits your alignment */
}

html, body { height:100%; }

.outer-wrapper { 
display: table;
width: 100%;
height: 100%;
}

.inner-wrapper {
  display:table-cell;
  vertical-align:middle;
  padding:15px;
}
.login-btn { position:fixed; top:15px; right:15px; }

@media (max-width: 123px) { /* Remplacez 123px par la taille de votre choix */
.navbar-header {
float: none;
}


/*form{
    border: none;
    outline: none;
    text-align: center;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: white;
    text-transform: uppercase;
    background: black;

    
    margin-top: -1px;
    padding-bottom: 2em;
}
*/
    /*#message
{
    border: none;
    outline: none;
    color: black;

    display: block;
    background: white;
    padding: 1em;
    margin: auto;
    font-size: 1em;
    margin-bottom: 1em;
    font-family: 'Open Sans', sans-serif;

    height: 12em;
    max-height: 12em;

    width: 70%;
    max-width: 70%;

}*/
}