/* CSS PAGE AUTHENTIFICATON SESSION */

body
{  /*couleur du fond de la page*/
	/*background-color: #FFFFFF; */
	 background-color : #333333;
	 overflow:hidden; /* cache la scroll bar*/
}

p
{
	/*design du formulaire */
	background-color: #FFFFFF; 
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    text-align: center;
    border: 3px solid grey;
    padding: 25px;
	margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
	width: 15%; 
	 height: 100%;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

input[type='text'], [type='password']
{ 
	/*design de la zone de saisie mot de passe*/ 
	background-color:#FFFFFF; /*blanc*/
	width:60%;
	border-radius:6px;
	border:1px solid #ccc;
	box-shadow:1px 1px 3px #999; 
}

input[type='checkbox'] 
{
	/* design checkbox se souvenir de moi */
    width: 13px;
    height: 13px;
	padding-left: 10px;
    margin-left: 10px;
    position: relative;
    cursor:pointer;
}

/* Boutons */

.bouton
{
	/*design du bouton */ 
	padding:5px 0 5px 0;
	font-family: "Arial Black", Gadget, sans-serif;
	background:grey;
	color:#fff;
	border-radius:2px;
	width:30%; /*50% avec un seul btn*/
	height: 70%;
	border:2px solid #ccc; 
	box-shadow:1px 1px 3px #999;
	border-radius:8px;
}
.bouton:hover
{
	background-color: #525452B3;
}
.bouton:active
{
	background-color: #FFFFFF;
	color : grey;
}

/* div formulaire */

div#form
{
	margin-top: 5%;
	width: 100%;
	height: 100%;
}