@charset "utf-8";
/* CSS Document */

#loginPopup{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.6);
display:flex;
justify-content:center;
align-items:center;

opacity:0;
pointer-events:none;
transition:0.4s;
z-index:2000;
}

#loginPopup.show{
opacity:1;
pointer-events:auto;
}

#loginPopup .popup-content{
background:white;
padding:30px;
border-radius:12px;
width:350px;
text-align:center;
position:relative;

transform:scale(0.7);
transition:0.4s;
	border-top: 3px solid #D90408;
  border-bottom: 3px solid #D90408;
	margin-left: 630px;
	margin-top: 120px;
}

#loginPopup.show .popup-content{
transform:scale(1);
}

#loginPopup input{
width:100%;
padding:12px;
margin:8px 0;
border-radius:6px;
border:1px solid #ccc;
}

#loginPopup button{
width:100%;
padding:12px;
margin-top:12px;
background:#28a745; /* vert comme le bouton */
color:white;
border:none;
border-radius:6px;
cursor:pointer;
}

#loginPopup .close{
position:absolute;
top:10px;
right:15px;
font-size:24px;
cursor:pointer;
}