body {
	/*font            : 1em/2 arial, sans-serif;*/
	font-family     : 'Barlow', sans-serif;
	margin          : 30px 30px 0;
	background-color: #FFF;
}

button,
input[type="submit"] {
	cursor       : pointer;
	font-size    : 15px;
	padding      : 4px 10px;
	border-radius: 6px;
}

input[type="text"],
input[type="password"] {
	box-sizing      : border-box;
	outline         : none;
	border-radius   : 6px;
	height          : 20px;
	padding-left    : 5px;
	background-color: #CCC;
	border          : 1px solid #999;
}

h2 {
	font-weight   : 100;
	text-align    : center;
	margin        : 0;
	padding       : 0;
	text-transform: uppercase;
	color         : #999;
}

a:link {
	color          : #521616;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color          : #FFF;
}

a:hover {
	text-decoration : none;
	color           : #FFF;
	background-color: #521616;
}

a:active {
	text-decoration: none;
	color          : #FFF;
}

div p {
	margin    : 0;
	padding   : .5em;
	color     : #fff;
	background: #999;
}

div p + p {
	background: #CCC;
	color     : #521616;
}

div p + p + p {
	background: #fbd8cb;
	color     : #521616;
}

div {
	display     : table;
	width       : 75%;
	table-layout: fixed;
}
.hidden{
	display: none;
}
#col {
	color: #FFF;
}
@media (min-width: 1025px) {
	div.one p {
		display: table-cell;
	}
}
@media (min-width: 641px) and (max-width: 1024px) {
	div.one p:first-child {
		display: table-cell;
	}
}
@media (max-width: 640px) {
	div.one p {
		display: block;
	}
}
@media (min-width: 1025px) {
	div.two p {
		display: table-cell;
	}
}
@media (min-width: 641px) and (max-width: 800px) {
	div.two p:first-child {
		display: table-cell;
	}

	div.two p:last-child {
		display: table-cell;
	}
}
@media (min-width: 641px) and (max-width: 800px) {
	div.two p:first-child {
		display: table-cell;
	}
}
@media (max-width: 640px) {
	div.two p {
		display: block;
	}
}

 #login,
.one {
	margin          : 0 auto;
	padding         : .5em;
	color           : #999;
	/*background-color:#521616;*/
	background-color: #fff;
}

#login {
	width: unset;
}

#login span {
	display   : inline-block;
	text-align: center;
	width     : 100%;
	font-style: italic;
	font-size : 12px;
}

#login label {
	font-size   : 14px;
	font-weight : bold;
	margin-right: 5px;
}

.entete {
	margin    : 0 auto;
	text-align: center;
	color     : #999;
}

.bt_envoyer {
	background-color: #f00;
	font-weight     : 100;
	font-size       : 18px;
	color           : #FFF;
	border          : 0;
}

.chiffre {
	width      : 100%;
	padding    : 0;
	font-weight: 800;
	font-size  : 44px;
	color      : #fff;
	line-height: 48px;
}

.phr {
	width      : 100%;
	padding    : 0;
	font-weight: 400;
	font-size  : 24px;
	line-height: 30px;
	color      : #fff;
}

#forgotten_password {
	text-align: left;
	font-size : small;
	color     : #8F4B4B;
	font-style: italic;
}

.pwd {
	font-weight: bold;
}