body {
	color: #000;
	font-family: helvetica, arial, sans-serif;
	font-size: 14px; /* equiv 14px */
	line-height: 1.5; /* adapt to your design */
	background-color: rgba(0, 0, 0, 0.7); 
}

.recyc{
background-color: #0078b4;
font-style:italic;
height:25px;
}

.blanc{
color: #fff;

}

p{
margin: 0;
}


#exmail2{
	width:420px;
	margin: 0 auto;

}
#exmail2 .copyright{
	text-align:right;	
	margin-top:10px;
}
#exmail2 form{
	padding:0;
	margin:20px 0;
	display:table;
}
#exmail2 form p{
	padding:0;
	margin:3px 0;
	float:left;
	clear:both;
	width:100%;
}
#exmail2 form label{
	display:block;
	float:left;
	width:150px;

}
#exmail2 form p span{
	display:block;
	float:left;
	width:200px;
}
#exmail2 form p span input{
	width:auto;	
}
#exmail2 form textarea,#exmail2 form input{
	width:250px;
	margin:0;
}
#exmail2 form input{
	padding:2px;
}
#exmail2 form .submit {
	text-align:right;
	margin-top:10px;
}
#exmail2 form .submit input{
	width:auto;
	padding-left:10px;
	padding-right:10px;	
}
#exmail2 .error{
	color:#0078b4;
	text-align:center;
	font-weight:bold;
	padding:0;
}
#exmail2 .sent_ok{
	font-weight: bold;
	color:#0078b4;
	text-align:center;
	margin:3px 0;
	padding:0;
}
#exmail2 form .element_error{
	border:1px solid red;
	background-color:#FFB7B9;
}


/* buttons */
.btn { display: inline-block; }

.btn.alternate {}
.btn.highlight {}
.login {}
.logout {}
.primary {}
.warning {}
.error {}
.success {}

/* forms items */
label { 
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	background-color: #0078b4;
	color:#fff;
	text-align: right;

}
legend {
	border: 0;
	white-space: normal;
}
button,
input,
select {
	margin: 0;
}
textarea {
	overflow: auto; /* Removes default vertical scrollbar on empty textarea in IE6/7/8/9 */
	min-height: 5em;
	vertical-align: top;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button; /* clickable input types in iOS */
	*overflow: visible; /* Corrects inner spacing displayed oddly in IE7 */
}
input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Corrects excess space around these inputs in IE8/9 */
	*width: 13px; *height: 13px; /* Corrects excess space around these inputs in IE7 */
}
input[type="search"] { -webkit-appearance: textfield; }

/* if select styling bugs on WebKit */
/* select { -webkit-appearance: none; } */

/* 'x' appears on right of search input when text is entered. This removes it */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	display: none;
}
::-webkit-input-placeholder { color: #777; }
input:-moz-placeholder,
textarea:-moz-placeholder { color: #777; }

/* Removes inner padding and border in FF3+ */
button::-moz-focus-inner,
input[type='button']::-moz-focus-inner,
input[type='reset']::-moz-focus-inner,
input[type='submit']::-moz-focus-inner {
	border: 0;
	padding: 0;
}

#form 					{display:block;margin-bottom:10px;}
fieldset				{border:none;}
fieldset span			{margin-right:15px;}
label 				{display:block;float:left;min-width:130px;}
table label 			{display:block;float:left;min-width:100px;}

#participate span,
#transported span,
#transported_to span,
#transported_back span {margin-right:30px;}

#transported_to label,
#transported_back label	{padding-right:20px;text-align:right;}

input[type=text]{
		height:14px;
		background: #fff;
		border: 1px solid #0078b4;
		text-align:left!important;


}
input[type=button]{
		background: #fff;
		border: 1px solid #0078b4;
		text-align:left!important;
}


input[type=reset]{
		background: #fff;
		color:#0078b4;
		border: 1px solid #0078b4;
		text-align:left!important;
		padding: 2px 2px 2px;
}
input[type=submit]{
		background: #fff;
		color:#0078b4;
		border: 1px solid #0078b4;
		text-align:left!important;
		padding: 2px 2px 2px;
		width:25px;
}
input[type=select]{
	background: #fff;
	border: 1px solid #0078b4;
	text-align:left!important;
}
input[type=radio]{
	background: transparent;
	font-size:12px;
	font-family:arial;
	margin:0 10px 0 0;
} 
select {

	border: 1px solid #0078b4;
	text-align:left!important;
  	font-family:"arial",sans-serif;
	font-size: 12px;

}



input.radio, input.checkbox, input.radio:focus, input.checkbox:focus{
	background: transparent;
	border: 0;
	width:auto!important;
}
textarea{border: 1px solid #0078b4;height:3.6em;line-height:1.2em}

@media only screen and (max-width: 600px) {
    #exmail2, #exmail2 table {width:100%}
    #exmail2 table td:first-child{width:30%}
    #exmail2 table td:last-child{width:65%}
    #exmail2 table td label{width:100%}
    #exmail2 table td input[type=text], #exmail2 table td input[type=file], #exmail2 table td textarea{width:100%}
}