/* formulaire contact */

/*
border: solid 2px #fff;
<br class=\"clear\" />
z-index: 2;
*/

@media (max-width: 768px) {

#binscription {
	background: transparent;
	}

#datei {
	background: transparent;
	float: left;
	margin-left: 220px;
	}

#datei h1 {
	font: 14px georgia, times, "times new roman", serif; 
	color: #fdd3aa;
	font-weight: bold;
	font-style: italic; 
	text-align: right; 
	padding-left: 0;
	padding-top: 16px;
	padding-bottom: 8px;
	padding-right: 24px;
	}

#datei h2 {
	background: transparent;
	font: 18px arial, helvetica, sans-serif;
	color: #fdd3aa;
	font-weight: bold;
	font-style: normal; 
	text-align: left;
	padding-left: 86px;
	padding-top: 4px;
	padding-bottom: 12px; 
	border: none;
	}

#datei h2.text1 {
	padding-left: 18px;
	padding-bottom: 8px;
	}

#datei h2.text2 {
	padding-left: 26px;
	padding-bottom: 8px;
	}

#datei h2.cadre {
	background: transparent;
	font: 24px "times new roman", times, serif;
	text-align: left;
	padding-left: 86px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: 2px;
	border: solid 1px;
	}

/*	padding-right: 20px;  */
#datei div {	
	font: 12px arial, helvetica, sans-serif;
	color: #000;
	text-align: justify;
	}

#datei div.form {
	background: transparent;
	font: 14px georgia, times, "times new roman", serif; 
	color: #000;
	font-weight: normal;
	font-style: normal; 
	text-align: left;
	padding: 10px;
	}

#datei div.spa {
	line-height: 4px;
	}

#datei div.spa1 {
	line-height: 20px;
	}

#datei div.spa2 {
	line-height: 15px;
	}

div.sp2 {
	line-height: 50px;
	}

#datei ul {	
	list-style: none;
	background: transparent;
	width: 180px;
	padding: 0;
	border: none;
	margin-right: 0;
	float: left;
	}

#datei a {
	font-style: normal;
	color: #000;
	text-decoration: none;
	}

#datei a:hover {
	color: #000;
	text-decoration: underline;
	}

#datei a {color: #0cf;} #datei a:hover {color: #cff;}

#datei a.form {
	font: 12px arial, helvetica, sans-serif;
	line-height: 18px;
	text-decoration: none;
	}

#text1 {
	background: transparent url(../wein-qualitat/back.jpg);
	color: #000;
	width: 729px;
	float: left;
	}

#formulaire {width: 100%;}

#formulaire div {marging-left: 0; padding-left:0;}

#formulaire div.for1 {width: 24%; padding-left: 5%; margin-left: 0;}

#formulaire div.for2 {width: 60%;}
#formulaire div.for3 {width: 60%; margin-left: 7%;}

#formulaire input.lang {width: 80%;}  #formulaire input.lang1 {width: 30%; margin-left: 21%;}

#formulaire div.input {width: 30%;}

#formulaire div.input1 {width: 30%;}

#formulaire textarea {width: 70%; padding-left: 10%; margin-left: 0;}

#spalteform {background: transparent; width: 100%; margin-left: 0;}

#formulaire a {
	color: #000;
	}

#formulaire a:hover {
	color: #900;
	text-decoration: underline;
	}

#err1 {width: 80%;}

#err1 div {margin-left: 5%;}

#err2 {width: 80%;}

#err2 div {
	font: 14px georgia, times, "times new roman", serif; 
	color: #000;
	text-align: left;
	}

#form1 {
	background: transparent;
	width: 40px;
	float: left;
	}

#form1 li {
	font: 16px "times new roman", times, serif;
	line-height : 30px;
	text-align: left;
	font-weight: normal;
	font-style: normal;
	color: #000;
	margin-left: 0;
	margin-top: 0;
	padding: 0;
      	list-style: none; 
	}


#form2 {
	float: left;
	padding: 0;
	}

#form2 input.radio {         
	display: inline;
	}

#form2 div {
	font: 12px arial, helvetica, sans-serif;
	width: 104px;
	font-weight: normal;
	font-style: normal;
	color: #000;
	text-align: right;
	}

#form2 div.lef {
	text-align: left;
	}

#form2 div.url {
	text-align: left;
	padding-left: 13px;
	}

#form2 div.url1 {
	text-align: left;
	padding-left: 0;
	}

#form2 li {
	font: 16px "times new roman", times, serif;
	font-weight: normal;
	font-style: normal;
	color: #000;
	margin-left: 12px;
	height: 31px;
	text-align: left;
      	list-style: none; 
	width: 180px; 
	}

#form2 li.activ {
	height: 40px;
	}

#form2 li.altern1 {
	text-align: left;
	width: 50px; 
	}

#form2 li.altern {
	text-align: left;
	padding-left: 0;
	height: 116px;
	}

#form2 li.siret {
	height: 40px;
	}

#form2 li.text {
	height: 182px;
	}

#form2 li.textar {
	height: 56px;
	}

#form2 li.textar1 {
	height: 140px;
	}

#form2 li.input {
	height: 40px;
	width: 30px;
	margin-bottom: 6px;
	}

#form2 li.hid {
	height: 1px;
	}

#form2 li.radio {
	width: 300px;
	text-align: left;
	}

#form2 li.radio1 {
	width: 320px;
	height: 88px;
	text-align: left;
	}

#form2 textarea {
	font: 14px "times new roman", times, serif;
	font-weight: normal;
	font-style: normal;
	color: #000;
	padding: 5px;
	margin-top: 3px;
	}

#form2 a {
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	}

#form2 a.link {
	font: 12px arial, helvetica, sans-serif;
	text-decoration: none;
	}

#form2 li.for {
	padding-bottom: 10px;
	}

#form2 li.for1 {
	padding-bottom: 10px;
	}

#form2 li.for2 {
	padding-bottom: 7px;
	}

#form2 li.for3 {
	padding-bottom: 0;
	height: 56px;
	}

#form2 li.for4 {
	padding-bottom: 8px;
	}

#form2 li.for5 {
	padding-bottom: 0;
	height: 30px;
	}

ul #altern {
	float: left;
	width: 120px;
	margin: 0;
	text-align: left;
	}

#altern li {
	width: 120px;
	text-align: left;
	margin: 0;
	margin-left: 12px;
	}

ul #altern1 {
	float: left;
	width: 50px;
	margin: 0;
	text-align: left;

#altern1 li {
	width: 50px;
	text-align: left;
	margin: 0;
	}

}