body{
font-family:"Ubuntu", sans-serif;
font-size:18px;
margin:0;
padding:0;
line-height:1.7em;
background:#FFF;
letter-spacing:1px;
}

a{
text-decoration:none;
color:#000;
}

header,p,nav,section,footer{
margin:0;
padding:0;
overflow:hidden;
}
img{border:none;}
.clear{
	clear:both;
}
.content{
	width:80%;
	margin:0 auto;
	padding:0px 0 0px 0;
	clear:both;
	overflow:hidden;
}
.last{margin-right:0px;}
.aligncenter{text-align:center;}
.alignleft{text-align:left;}
.alignright{text-align:right;}

.positionRelative{
	position:relative;
}
.marginright15px{
	margin-right:15px;
}

.marginbottom25{
	margin-bottom:25px;
}
.margintop25{
	margin-top:25px;
}
.margintop75{
	margin-top:75px;
}
.marginbottom75{
	margin-bottom:75px;
}

#login{
  width: 550px;
    padding: 15px 0 50px 0;
    background: rgba(255,255,255,0.5);
    backdrop-filter: blur(10px);
    border-radius: 25px 0 25px 0;

    /* centrage vertical et horizontal */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#login .cercle{
width:150px;
height:150px;
background:#FFF;
border-radius:50%;
margin:50px auto;
display:flex;
align-items:center;
justify-content:center;
border:1px solid #cecece;
box-shadow:15px;
}
#login .cercle i{
	color:#FFF;
	font-size:35px;
	
}
#login .cercle img{
	width:110px;
	height:auto;
	
	
}
.loginform{
	width:80%;
	margin:0 auto;
	
}
.erreur{
	color:red;
	text-align:center;
}
.loginform .authenFormulaire div{
	width:100%;
	margin:0 auto;
	margin-bottom:25px;
	display:flex;
	flex-wrap:wrap;
}
.inputvide{
	color:#ff0000;
	display:block;
	font-size:11px;
}
.goodpass{
	color:#068440;
	position:absolute;
	right:10px;
	top:15px;
}
/* Forcer fond blanc sur autofill Chrome */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
    -webkit-text-fill-color: #000000 !important;
    transition: background-color 9999s ease-in-out 0s;
}
.fa-circle-check{
	color:green;
	font-size:75px;
}
.loginform .authenFormulaire input{
	width:100%;
	height:50px;
	border:1px solid rgba(0,0,0);
	text-indent:10px;
	border-radius:15px;
	padding-top:5px;
	padding-bottom:5px;
	font-size:16px;
}
.loginform .authenFormulaire input:active{
	background:#FFF;
}
.loginform .authenFormulaire .bouton{
    color: #ffffff;
    border: 1px solid #222;
    border-radius: 12px;
    margin-top: 15px;
    padding: 13px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s ease;	
	background: linear-gradient(135deg, #0f0f0f, #1a1a1a);
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.05),
        0 4px 12px rgba(0,0,0,0.4);
}

.loginform .bouton:hover{
background: linear-gradient(135deg, #064e3b, #0f766e);
    border: 1px solid #065f46;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(6, 78, 59, 0.4);
}
.loginform .authenFormulaire .bouton:active{
 transform: translateY(0);
    box-shadow: 0 4px 12px rgba(0,0,0,0.4);
}
.fa-eye{
	position:absolute;
	right:15px;
	top:25px;
	cursor:pointer;
}
.textecreateaccount{
	text-indent:27px;
	font-size:14px;
}
.textecreateaccount a:hover{
	color:#ee5b27;
}

.backgroundlogin{
width:100% !important;
	padding-top:0px !important; 
	margin:0 !important;
    height:100vh;
}
.video-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -2;
}

.video-background video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    animation: slowMove 25s ease-in-out infinite alternate;
}
/* Effet de déplacement lent */
@keyframes slowMove {
    0% { transform: scale(1.1) translateY(0); }
    100% { transform: scale(1.2) translateY(-30px); }
}

.erreur{color:red;font-weight:bold;}
.ok{color:green;font-weight:bold;}
.retour a,.retour{color:#FFF;font-weight:bold;padding:10px;}


.hidden{
	display:none;
}