#form_alertes hr{border-top:1px solid #CCC;}
#form_alertes table{width:100%;}
#form_alertes table td{padding:5px 10px;}
#form_alertes table tr td:first-child{text-align: left;
    width: 22%;}
	@media (max-width: 568px) {

	#form_alertes table tr td:first-child {
    text-align: left;
    width: 100%;
}
	}
#form_alertes input[type=text]{width:100%}
#contact .form-contact .content-form{text-align:left;}
body{background:#FFFFFF;font-family:'RobotoRegular','Arial','Helvetica';font-size:14px;color:#3b3b3b;     margin-left: 53px;}
#contact{margin:0}
#contact #form_alertes{height:auto;background:none;}
#contact .form-contact .content-form{padding:20px;}
#contact .form-contact .content-form input[type=radio]{width:20px;}
#form_alertes h2 {font-size:20px}
#form_alertes textarea {width:100%}
#sendMail{width:80%;margin:30px auto;display:block;}
.small{font-size:10px;text-align:right;display:block;float:left}
#form_alertes input[type=radio][name*=CIVILITEACQUEREUR]{margin-left:55px}

@media (max-width: 580px) {

	#form_alertes .content-form{padding:0}
	/* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
	table{position:relative;}
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 1px solid #ccc; clear:both;}
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none; 
		position: relative; 
		white-space: normal;
		text-align:left;
		clear:both;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 100%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
		clear:both;
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
	
	#form_alertes table td:nth-child(2), #form_alertes table td:nth-child(4){width:100%;}
	#form_alertes table td:nth-child(1), #form_alertes table td:nth-child(3){width:100%}
	#contact .form-contact .content-form{padding:0}
	#contact .form-contact .content-form input{width:90%;}
	#form_alertes table #transaction{width:90%;}
	#form_alertes table #transaction tr{position:relative;border:none}
	#no-more-tables table #transaction td:nth-child(2){width:45%;position:absolute;right:5px;left:auto !important;top:0;text-align:right;}
	#no-more-tables #send{border:none;}
} 

@media (max-width: 568px) {


div#form_alertes.form-contact {
  
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align: center;
    display: block;
    width: 140%;
    padding: 10px;
    height: 37px;
    margin-bottom: 8px;
    margin-left: -68px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #000;
    background-color: rgba(232,238,236, 1);
    background-image: none;
    border: none;
 
 
}

}