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

form{
	position: relative;
	width:50%;
	overflow: hidden;
	margin:0 auto;
}
form div{
	position: relative;
	clear:both;
	overflow:hidden;
	margin-bottom:5px;
}
form .label-line{
	float:left;
	width:20%;
	padding-top:5px;
}
form .input-line{
	float:right;
	width:70%;
	margin-right:10px;
}
form .form_error{
}
input:focus,select:focus,textarea:focus{
	outline:0;
}
form input,form select,form textarea{
	color:white;
	background-color:transparent;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	border-radius:2px;
	border:solid 1px #c5bdb7;
	padding:10px;
	width:100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
}
form textarea{
	height:100px;
}

form input:focus,form textarea:focus,form select:focus{
	border-color:#FFF;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
form select:focus,form select:active{
	background-color:#806e60;
}
form .form_error,form .alert{
	position:absolute;
	right:20px;
	top:10px;
	color: #F60;
	font-style: italic;
	font-size: 70%;
	text-align:right;
}
form .input-error{
	border:dotted 1px #F60;
}
form #pgo{
}
form #go{
	display:block;
	padding:30px 40px;
	color:white;
	color:rgba(255,255,255,0.7);
	background-color:#333;
	margin:0 auto;
	max-width:100%;
	text-align:center;
	margin-bottom:20px;
	font-weight:300;
	text-transform:uppercase;
	/*box-shadow:0 0 20px rgba(0,0,0,0.5);*/
	border:none;
	border-bottom:solid 5px rgba(0,0,0,0.3);

}

/*/////////////////////////////////////////////////////////////////////////////////////////////*/
/* RESPONSIVE */
/*/////////////////////////////////////////////////////////////////////////////////////////////*/
@viewport{
	width:device-width;
	zoom:1;
}

@media screen 
and (max-width: 1200px) {
}

@media screen 
and (max-width: 800px) {
form{
	width:100%;
}
form .label-line,form .input-line{
	float:none;
	width:100%;
	margin:0;
}
.contenu .input-line{
	width:90%;
	margin:0 auto;
	padding:0;
}
form .erreur{
	float:right;
}
form #pgo{
	padding-left:0px;
	margin-bottom:10px;
	clear:both;
}
form div{
	padding:0;
}
}

@media screen 
and (max-width: 640px) {

}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) {
}


@media screen 
and (max-width: 320px) {
}
