/*****************************************/
/*										 */
/*		CSS POUR L'ESPACE CLIENT		 */
/*										 */
/*****************************************/

/* Couleurs */

/* Chocolat : 			#461900 */
/* Pistache : 			#BEF574 */
/* Lin      : 			#FAF0E6 */
/* Liens / Boutons : 	#66CCFF */


/* POLICES */


@import url('http://fonts.googleapis.com/css?family=Antic');
@font-face 
{
    font-family: "kitten";
    src: url('media/KittenFont.ttf');
}

/* ICONES */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');



/*
/* -----	Ecran d'accueil			----- 
*/


body.login {
	background: url('media/bg_accueil.png');
	font-family: Antic;
	color: #461900;
	background-repeat: no-repeat;
	background-size: auto ;
	background-attachment: fixed;
	background-position: top; 
}

h1.login {
	font-family: kitten ;
	margin-top: 0.5em ;
	text-align: center ;
	font-size : 3em ;
	text-shadow: 0px 0px 8px white; 
}

h2.login {
	text-align: center ;
	font-style: italic;
	text-shadow: 0px 0px 5px white; 
}

div.login_space{
	height: 5vw;
}

div.login_box{
	margin: auto;
	width: 50%;
	border: 3px solid #BEF574;
	background-color: #FAF0E6;
	padding: 10px;
	border-radius: 4px;
	box-shadow: 10px 10px 5px grey;
}

.titre_box {
	text-align: center;
	font-size: 1.3em;
	font-weight: bold;
}

input[type=text].login , input[type=password].login {
  width: 100%;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
  background-color: white;
  background-position: 10px 10px; 
  background-repeat: no-repeat;
  padding: 12px 12px 12px 12px;
}

input[type=text].login:focus , input[type=password].login:focus {
  background-color: #e6fff2;
}

input[type=submit].login {
	color: #461900;
	padding: 0.5em;
	border-width: 3px;
	border-color: #461900;
	border-radius: 4px;
	cursor: pointer;
	font-size: 0.9em;
}

input[type=submit].login:hover {
	background-color: white ;
	border-color: #66ccff;
}

a.login {
	font-size: 0.9em ;
	font-weight: bold;
}




/*
/* -----	Eléments généraux	----- 
*/



a {
	box-shadow: inset 0 -4px 0 #66ccff;
	cursor: pointer;
	color: #461900;
	text-decoration: none;
	-webkit-transition: 0.2s ;
	-moz-transition: 0.2s ;
	-ms-transition: 0.2s ;
	-o-transition: 0.2s ;
	transition: 0.2s ;
}

a:hover {
	box-shadow: inset 0 -1em 1em #66ccff;
}

.centre {
	text-align: center;
}

.esp2 {
	padding-right: 2em;
	display: inline ;
}