@font-face {
    font-family: 'SommetBold';
    src: url('../../webfonts/27485D_6_0.eot') format('embedded-opentype'),url('../../webfonts/27485D_6_0.woff') format('woff'),url('../../webfonts/27485D_6_0.ttf') format('truetype');
}

html, body {
    box-sizing: border-box;
    height: 100%;
}

body {
    background: url("../../../Images/alhambra-home-paris.jpg") no-repeat center fixed;
    background-size: cover;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

a {
    color: #61baac;
}
a:hover {
    text-decoration: none;
}

/**************** Forms section ********************/
#formsSection {
    margin-left: 25px;
}

#formsSection > * {
}

#loginSection {
}

#invitationMessages {
   font-style: italic;
}

#invitationMessages > * {
    display: block;
}

#informationMessage {
    color: #73c0b4;
    margin-bottom: 14px;
    text-align: justify;
}

#formsSection .requestLegend {
    text-transform: uppercase;
    font-size: 1.1em;
    margin-top: 8px;
    margin-bottom: 23px;
    display: block;
}

/*************** Language selection ***************/
#localeSelectorLogin {
    display: flex;
    justify-content: flex-end;
}

#localeSelectorLogin * {
    margin: 2px 6px 2px 6px;
}

#localeSelectorLogin a {
    font-size: 1.1em;
}

.langActiveLogin {
    text-decoration: none;
    color: inherit;
}

#localeSelectorLogin > span {
    display: none;
}

#lblLoginWithLocalAccount {
    font-weight: normal;
    font-style: oblique;
    
    margin-bottom: 4px;
}

#linkToPassRecovery, #linkToPassChange {
    width: 200px;
    padding-left: 2px;
}

/********** Media queries (responsive design) ************/
@media all and (max-width: 1024px) {
    #formsSection {margin: auto;}
}