@charset "utf-8";
/* @import url("webfonts/opensans_regular/stylesheet.css"); */
@import url("./stylesheet_login.css");

.title{
	text-align: center;
}

body.bgLogin{
	/*background-image: url(../images/bg-loginPage.jpg);*/
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	font-family: "opensans regular";
	font-size:0.8em;
	background-color: #fff;
}
#logoLogin{
	background-image: url(../images/login_logo.png);
	display: block;
	margin: 96px auto 0 auto;
	background-repeat: no-repeat;
	width: 332px;
	height: 69px;
}

#logoLoginPetitCanaillou{
	background-image: url(../images/logo_loginPage_petitCanaillou.png);
	display:block;
	margin:30px auto 0 auto;
	width:332px;
	height:200px;	
}
#contentLogin{
	max-width:480px;
	padding:40px;
	min-height:400px;
	margin:20px auto 0 auto;
	-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
  box-shadow: 0px 0px 15px rgba(0,0,0,0.1); 
  background-color:rgba(255,255,255,0.9);
}
input{
	width:100%;
	height:30px;
	background-color:#f4f4f4;
	border:1px solid #999;
}
a.bouton{
	width:100%!important;
}
p {
 text-align:center;
	font-size: 14px;
}

 /*correctifs 2023*/

@media (max-width: 450px) {
	/*#contentLogin {width:80%;}*/
	#contentLogin table {width:100%;}
	input{width:96%; height:50px;}
	body.bgLogin{font-size:1em;}
	p {font-size: 1em;padding:0;}

#logoLogin{
	margin:30px auto 0 auto;
	width:70%;
	background-size: 100%;
	background-repeat:no-repeat;
}
}