@charset "utf-8";

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular/Montserrat-Regular.eot');
    src: url('../fonts/Montserrat-Regular/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Regular/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/Montserrat-Regular/Montserrat-Regular.woff') format('woff'),
        url('../fonts/Montserrat-Regular/Montserrat-Regular.ttf') format('truetype'),
        url('../fonts/Montserrat-Regular/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold/Montserrat-Bold.eot');
    src: url('../fonts/Montserrat-Bold/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Bold/Montserrat-Bold.woff2') format('woff2'),
        url('../fonts/Montserrat-Bold/Montserrat-Bold.woff') format('woff'),
        url('../fonts/Montserrat-Bold/Montserrat-Bold.ttf') format('truetype'),
        url('../fonts/Montserrat-Bold/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

body {margin:0; padding:1px 0; font-family: 'Montserrat', sans-serif; font-size:15px; font-weight: 400; background:#FFFFFF; color:#000000; hyphens: auto;  -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; box-sizing: border-box; min-height: 100vh;}

#body-contenu {color:  #fff; position:relative; z-index:10; background: rgb(0,51,204);
  background: -o-radial-gradient(circle,rgba(0,51,204,.9163866230085784) 0%,rgba(0,51,204,1) 100%);
background: radial-gradient(circle,rgba(0,51,204,.9163866230085784) 0%,rgba(0,51,204,1) 100%);}
#body-contenu::before { content: "";  display: block; width: 100%; height: 100%; background: url(https://www.agoraline.fr/images/bandeau-fond.webp) no-repeat center center;  position: absolute;  left: 0; top: 0; z-index:-1; background-size:cover;}

.global {max-width: 1560px; margin: 20px auto; padding: 0 20px; text-align: left;}
#uploader {width: 100%;}
#connexion-fichiers {  box-sizing: border-box; display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap; height:100%; width: 100%; background:url(https://admin.agoraline.fr/sites/agoraline.fr/docs/admin-photos/fond-connexion.jpg) no-repeat center center; background-size:cover;}
#connexion-fichiers * {  box-sizing: border-box;}
#connexion-fichiers-conteneur {  min-height: auto;  height: auto;  max-width: 100%;  width: 100%;  padding-right: 8px;  padding-left: 9px;  position: relative;  -webkit-box-flex: 0;  -ms-flex: 0 0 100%;  flex: 0 0 100%;}
#connexion-fichiers-contenu {  margin-right: -8px;  margin-left: -9px;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap;}
#connexion-formulaire {  position: relative;  width: 100%;  max-width: 39%;  min-height: 100vh;  margin: 0;  padding: 0 60px 0 60px;  background-color: rgba(0,0,0,0.3);  -webkit-box-flex: 0;  -ms-flex: 0 0 39%;  flex: 0 0 39%;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-orient: vertical;  -webkit-box-direction: normal;  -ms-flex-direction: column;  flex-direction: column;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;}
#connexion-logo { width: 210px; margin: 45px auto 25px; text-align: center; }
#connexion-logo img {width: 100%; height: auto;}
#connexion-formulaire h1 {  font-size: 19px; color:#fff; text-align:center;}
#connexion-formulaire form {max-width:350px; margin:0 auto;}
#connexion-formulaire .form { padding: 0; margin:10px 0; position:relative;}
#connexion-formulaire label {color: #707070; position: absolute; pointer-events: none; top: 0;transform: none;left: 13px;font-size: 10px;font-weight: 400;transition-duration: .25s;}
#connexion-formulaire .input-text { box-sizing: border-box; border: 1px solid #707070;  height: 40px;  font-size: 16px;  font-weight: 500;  line-height: 25px;  color: #707070;  padding: .475rem .75rem .3rem;  overflow: visible;  display: block;  box-shadow: none;  font-family: 'Montserrat', sans-serif;  background-color: #fff;  width: 100%;  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;  border-radius: 4px;outline: none;}
#connexion-formulaire button {  cursor: pointer;  display: inline-block;  vertical-align: top;  width: 100%;  margin: 15px 0; min-height: 35px;  line-height: 30px;  font-size: 15px;  border-radius: 3px;  letter-spacing: 0.8px;  color: #FFF;  text-align: center;  font-family: 'Montserrat', sans-serif;  text-decoration: none;  font-weight: normal;  border: none;  border: 1px solid #0d7ef0;  background: #0d7ef0;  padding: 2px 10px;   -webkit-box-sizing: border-box;  box-sizing: border-box;  -webkit-transition: all 200ms ease-in-out;  -moz-transition: all 200ms ease-in-out;  -ms-transition: all 200ms ease-in-out;  -o-transition: all 200ms ease-in-out;  transition: all 200ms ease-in-out;}
#connexion-formulaire button:hover {  background: #0045a3; border: 1px solid #0045a3;}

#fichiers-liste a {padding: 5px 0; color:#000; display: inline-block; vertical-align: middle;}
#reponse-erreur {text-align: center; font-weight: 700; font-size: 20px; padding: 20px; color:#c72222;  background: #ffd9d9; border:2px solid #c72222;}

#bouton-deconnexion {display: -webkit-box;  display: -ms-flexbox;  display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#bouton-deconnexion a,
#bouton-deconnexion a:visited {  cursor: pointer;  display: inline-block;  vertical-align: top;  width: auto;  min-height: 35px;  line-height: 30px;  font-size: 15px;  border-radius: 3px;  letter-spacing: 0.8px;  color: #FFF;  text-align: center;  font-family: 'Montserrat', sans-serif;  text-decoration: none;  font-weight: normal;  border: none;  border: 1px solid #0d7ef0;  background: #0d7ef0;  padding: 2px 10px;   -webkit-box-sizing: border-box;  box-sizing: border-box;  -webkit-transition: all 200ms ease-in-out;  -moz-transition: all 200ms ease-in-out;  -ms-transition: all 200ms ease-in-out;  -o-transition: all 200ms ease-in-out;  transition: all 200ms ease-in-out;}
#bouton-deconnexion a:hover {  background: #0045a3; border: 1px solid #0045a3;}

.form {margin: 10px 0;  display: flex; flex-wrap: wrap;  justify-content: center;  align-items: center;}
.form label {width: 140px; padding-right: 10px;}
.upload-warning {
    background-color: #fff3cd;
    color: #856404;
    padding: 10px;
    border: 1px solid #ffeeba;
    border-radius: 5px;
    margin-top: 5px;
}

.upload-success {
    background-color: #d4edda;
    color: #155724;
    padding: 10px;
    border: 1px solid #c3e6cb;
    border-radius: 5px;
    margin-top: 5px;
}


@media all and (max-width:990px) {
	#connexion-formulaire {max-width: 100%;-ms-flex: 0 0 100%;flex: 0 0 100%;}
	#connexion-formulaire .global {padding:0;}
}

@media all and (max-width:385px) {
	#connexion-formulaire {padding: 0 30px;}
}