@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700');
#pfc-front-page {margin:0;padding:0;border:0;background: #ffffff none no-repeat fixed center center;background-size: cover;width:auto;height:auto}
#pfc-front-page .x-site {color:#ffffff;width:auto;height:100vh;display:flex; flex-flow: column nowrap; justify-content: flex-start;}
#pfc-front-page .x-site .help {margin: 1em; line-height: 2em; text-align:center;font-weight:400;font-size:15px;color:#dadada}
#pfc-front-page .x-site * {font-family: "Open Sans", sans-serif;}
#pfc-front-page a {text-decoration: none;}
#pfc-front-page .gfw-dialog {font-size:20px;border: 1.5em solid rgba(0,0,0,0.5);margin-top: 1em;margin-bottom: 1em;width: 50vw;}
#pfc-front-page .gfw-dialog .x-header {text-align: left;height: 3em;padding: 1em;margin: 0;color: #ffffff;background-color: #000;line-height: 3em;border: none;border-radius:0;}
#pfc-front-page .gfw-dialog .x-text {border: none;border-radius:0; background-color: #ffffff;padding-right: 5em;}
#pfc-front-page .gfw-dialog .x-footer {border: none;border-radius:0;background-image:none; background-color:rgba(0,0,0,.5);height: 20px;}
#pfc-front-page .gfw-dialog .gfw-button {background: none;color: #dadada;border: 0;font-weight: 400;}
#pfc-front-page .x-notificationtext {box-sizing: border-box;color: #ffffff;background-color: rgba(0,0,0,.5);padding: 2em;border: none;text-align: left;max-width: 100vw;margin: 2em 15vw;}

@media screen and (min-height:700px)
{
  #pfc-front-page .x-site {justify-content: center;}
  #pfc-front-page .x-site.x-has-notificationtext{justify-content: flex-start;} /* no vcenter if notification */
}

#pfc-front-page .gfw-labelediconlink {margin: 0.5em 0;font-size:15px; justify-content: center;}
#pfc-front-page .gfw-labelediconlink .x-label {text-decoration:none;font-size: 15px;color: #dadada}
#pfc-front-page .gfw-labelediconlink img {filter:invert(1);}



.pfc-front-form {font-size:15px;font-weight:200;margin:0 auto;width:278px;padding:28px 21px 21px;background:rgba(0,0,0,.5); transition: width .2s, height .2s, padding .2s;color:#ffffff;}
.pfc-front-form .x-header{box-sizing: border-box;color:#ffffff; background-color: #0989d6; padding:0.5em;border:none;text-align: left;max-width:100%;font-weight:700;}
.pfc-front-form .x-logo-container{box-sizing: border-box;background-color: #ffffff; background-image:none; background-repeat: no-repeat; background-position: center center;background-size: contain;padding:0;border:7px solid #ffffff;display: flex;align-items: center;justify-content: center;height:7em;overflow:hidden;max-width:100%;transition: width .2s, height .2s, padding .2s;}
.pfc-front-form .x-logotext{width: 100%;font-weight:700; font-size: 18pt; color:#0999d6;text-align: center;}
.pfc-front-form .x-block-link {display: block;text-align:center;font-weight:400;font-size:15px;color:#dadada;margin:0.5em;}
.pfc-front-form .x-help-button-container {width:1.2em; height:1.2em;margin-right:0.5em;background: url('/src/images/icons/svg/help.svg') no-repeat center;background-size: contain;cursor: pointer;}
.pfc-front-form .x-label-block {display: flex; align-items: center; justify-content: flex-start; width: 100%;}
.pfc-front-form .x-mandatoryicon {margin: 0 0.5em;}
.pfc-front-form input{-moz-appearance:none;-webkit-appearance:none;display:block;border:0;font-size:13px;padding:15px;margin:15px 0;box-sizing: border-box;width:100%;}
.pfc-front-form input[type=submit].gfw-button {cursor:pointer;padding:14px;font-size:15px;color:#fff;background:#0999d6;text-align:center;white-space: nowrap;font-weight:700;transition: background-color .2s; border:none; border-radius: 3px;height:auto;box-shadow: none;margin: 15px 0;}
.pfc-front-form input[type=submit].gfw-button:hover{color:#fff;background:#0989d6;}
.pfc-front-form input[type=submit].gfw-button:active {color:#fff;background:#0979d6;}
.pfc-front-form .x-form-error-container {width:auto;background-color: rgba(255,0,0,.5);margin: 1em auto;font-size:9px;font-weight: normal;transition: width .2s, height .2s, padding .2s;line-height: normal;}
.pfc-front-form .x-form-error-container .x-error-list {margin:0; padding: .5em .5em .5em 1.4em;}
.pfc-front-form .x-form-error-container .x-error {list-style-type: none;background-image: url(/src/images/icons/svg/panneau.svg);background-repeat: no-repeat;padding-left: 1.5em;background-size: 1em;background-position: center left;}
.pfc-front-form .x-form-error-container .x-error .oblb {font-size: inherit; color: inherit;}
.pfc-front-form .x-sep {font-weight: 700;}
.pfc-front-form .x-comment {font-weight: 400; font-size: 13px;}

@media screen and (min-width:768px)
{
  .pfc-front-form {width:310px;padding:40px}
  .pfc-front-form .x-logo-container{height:8em;}
  .pfc-front-form .x-logotext{font-size: 24pt;}
  .pfc-front-form input[type=submit].gfw-button{font-size:17px;}
  .pfc-front-form input{font-size:17px;}
  .pfc-front-form .x-form-error-container {font-size:10px;}
}
@media screen and (min-width:1024px)
{
  .pfc-front-form {width:400px;padding:40px}
  .pfc-front-form .x-logo-container{height:9em;}
  .pfc-front-form .x-logotext{font-size: 24pt;}
  .pfc-front-form input[type=submit].gfw-button{font-size:21px;}
  .pfc-front-form input{font-size:21px;}
  .pfc-front-form .x-form-error-container {font-size:11px;}
}


#pf-user-header {display: flex; flex-flow: column; align-items: flex-end;}
#pf-user-header .x-user-panel {display: flex;flex-flow: row nowrap;justify-content: flex-end;width: 100%;align-items: center; margin-bottom: 5px;}
#pf-user-header .x-login {display: inline-block; margin:0.5em;font-weight: bold;}
#pf-user-header .x-language-panel {display: flex; flex-flow: row nowrap;justify-content: flex-end;width: auto; margin-bottom: 5px;}
#pf-user-header .x-language-button-container {margin-left:5px;}
#pf-user-header .x-user-classes {display: flex;flex-flow: row nowrap;justify-content: flex-end;align-items: center;width: 60%;}
#pf-user-header .x-class-adminlogo {background-position: center center;background-repeat: no-repeat;background-image: url('/src/images/icons/svg/user-admin.svg');background-size: contain;height:32px; width:32px; max-width:32px;flex: 1 1 32px;margin:0 3px;}
#pf-user-header .x-class-userlogo  {background-position: center center;background-repeat: no-repeat;background-image: url('/src/images/icons/svg/user-normal.svg');background-size: contain;height:32px; width:32px; max-width:32px;flex: 1 1 32px;margin:0 3px;}
#pf-user-header .x-class-logo {background-position: center center;background-repeat: no-repeat;background-size: contain;height: 80px;max-width:80px;flex: 1 1 80px;margin:0 3px;}
#pf-user-header .x-class-text {vertical-align: middle;text-align: center;margin:0 3px;font-size:11px;}

#pf-main-navigationbar .x-nav-icons img {min-width: 32px; min-height: 32px;}

#pfc-nav-subpanel {align-items:center;}