/* Css formulaire */

* {margin:0; padding: 0;}

li { list-style: none;	list-style-position:inside; }

fieldset,img {border:0;}

input, textarea, select
{
	border:1px solid #969696;
	background-color:#fff;
	color:#000;
}


form.std ul li{margin: 15px 0;}
form.std-vertical ul li {margin: 0 15px 14px;}


form.std ul#civilite li {
	float:left;
}

form.std label, form.std-vertical label.libelle {
	line-height: 1.8;
	vertical-align: top;
	margin-right: 13px;
	color: #606060; 
	display:block;
	float:left;
	font-size: 12px;
	text-align:right;
}
form.std-vertical label.libelle {
	float: none; 
	text-align:left;
	line-height: 1em;
}

form.std .asterisque {
	color:#cc0000;
}

form.std input[type=submit] {
	background-color:#82AA30;
	color:#EEF4E4;
	font-size:11px;
	height:24px;
	padding-bottom:3px;
	padding-left:3px;
	padding-right:3px;
	padding-top:3px;
}

/* Fiche abonné */
.colLeft {width:430px; float:left; margin-left: 10px;}
.colRight {width:440px; float:right; margin-right: 10px;}

fieldset.vous, fieldset.access, fieldset.coordonnee { border:1px solid #82AA30; }
fieldset.vous legend, fieldset.access legend, fieldset.coordonnee legend { border:1px solid #82AA30; margin:0 17px; padding:4px 7px; color:#82aa30; font-weight: bold;}
fieldset.access {margin-top:20px;}
fieldset.vous input[type=text],fieldset.access input[type=text],fieldset.access input[type=password],fieldset.coordonnee input[type=text]{height:13px; font-size:11px;}
fieldset.coordonnee select {font-size:11px;}
fieldset.vous label, fieldset.access label{ line-height:1.2; width:110px; }
fieldset.coordonnee label{ line-height:1.2; width:75px; }

#civilite li {margin:0;}

/*input[type=submit]*/

/*Fiche Salon*/

ul#formtchat {width: 420px;}

ul#formtchat li label {	width:100px; }

ul#formtchat input[type=text] {
	width:305px;
	height:16px;
}

ul#formtchat textarea {
	width:305px;
	height:80px;
}

ul#formtchat li.libtn {text-align: right;}



/* Description et prix vin (producteur) - A refaire */
#form_desc_vin {
	width:100%;
	overflow:hidden;
}

#form_desc_vin fieldset#description{
	width:570px;
	float:left;
	margin-right:30px;
}

#form_desc_vin fieldset#prix{
	float:left;
}

#form_desc_vin fieldset#prix, #form_desc_vin fieldset#echeancier{
	width:300px;
	padding:9px;
}

#form_desc_vin fieldset#prix h2, #form_desc_vin fieldset#echeancier h2{
	margin:0 0 13px 0;
}

#form_desc_vin fieldset#prix table{
	border-collapse:collapse;
	padding:7px;
	margin:0 auto;
}

#form_desc_vin fieldset#prix table td, #form_desc_vin fieldset#prix table th{
	border:1px solid #82aa30;
	padding:5px;
}

#form_desc_vin fieldset#prix table th {
	background-color:#82aa30;
	color:#fff;

}

#formstock #div4button, #form_desc_vin #div4button, #imgForm #div4button, #div4button {
	clear:both;
	width:100%;
	text-align:center;
}

#imgForm input[type=submit], #div4button input[type=submit]{
	width:123px;
	height:1.8em;
	margin:0 auto;
	font:bold 16px Arial;
	margin-top:21px;
	background-color:#82AA30;
	color:#FFFFFF;	
}

.cancelBtn {
	padding-left: 7px;
	padding-right: 7px;
	height:24px;
	margin:0 auto;
	font: normal 13px Arial;
	margin-top:21px;
	background-color:#ccc;
	color:#000;
	margin-right: 13px;	
}

/* Création d'une annonce */

#form_annonce {	
	font:13px Arial, Tahoma;
	color:#6e6e6e;
	position:relative; 
	overflow:visible;
}

#form_annonce fieldset { 
	border:1px solid #82AA30;
	padding:14px;
	margin-bottom:15px;
}

#form_annonce fieldset legend { 
	font: bold 13px Arial, Tahoma;
	color:#82AA30;
	border:1px solid #82AA30;
	padding:2px;
	margin:0 7px;
	background-color:#fff;
}

#form_annonce #titre {margin:32px 0 12px 9px;}
#form_annonce #titrea {width:280px;}

#form_annonce #bouton {
	padding:32px 0 12px 0;
	clear:both;
	text-align:center;
}

#form_annonce #col_left{
	float:left;
	width:46%;
	margin:0 9px 16px;
}


#form_annonce #comment {
	width:46%;
	float:right;
	overflow:visible;
	margin-right:16px;
}

#form_annonce ul, #form_annonce ul li {	
	font-size:13px;
	margin:0; 
}

#form_annonce ul li { margin:0 0 7px 0; }

ul.periode li {float:left;}

form#form_annonce #date_deb, form#form_annonce #date_fin { width:90px; }

form#form_annonce input, form#form_annonce textarea, form#form_annonce select {
	font:13px Arial, Tahoma;
	color:#6e6e6e;
	padding:3px;
}

form#form_annonce input {height:15px;}
#quand input {margin-right:9px;}

.formAnnonce {margin-top:14px;}

form#form_annonce label { margin-right:5px;}

form#form_annonce input[type=submit]
{
	background-color:#82AA30;
	color:#EEF4E4;
	font:12px Arial, Tahoma;
	padding:3px;
	height:25px;
}

#titre label, #ou label,#comment label, #quand label {
	display:block;
	float:left;
	line-height:21px;
	height:21px;
}

#ou label {
	width:190px;
	text-align:right;
	margin-right:3px;
}

#ou textarea {
	width:180px;
	height:50px;
}

#comment label {margin:9px 0 5px 0;}

#comment textarea{
	width:420px;
	height:50px;
}

/* Form Dégustation */

#form_initial>p { margin-bottom: 10px; }

#form_initial #typeOfSearch {
	margin-left: 38px;
	margin-top: 7px;
	font-size: 12px;
}

form#form_degust #typeOfSearch label { 
	display: block;
    float: left;
    margin-right: 9px;
    width:auto;
}

form#form_degust #typeOfSearch input[type=radio] { margin-right:5px; }

form#form_degust #typeOfSearch input[type=radio] + label {margin-right: 17px}

form#form_degust .notabene {font-size: 11px; padding-top:15px}

#bloc-dgust {
	clear:both; 
	overflow:hidden; 
	border:1px solid #82AA30; 
	padding:17px;
	overflow:hidden;
	position:relative;
}
#bloc-dgust ul li { list-style-position:outside !important;}

#form_degust {	
	font:13px Arial, Tahoma;
	color:#6e6e6e;
	overflow:visible;
	border:1px solid #82AA30;
	padding:1px;
	width:645px;
	position:relative;
	-moz-box-shadow:2px 2px 3px #ccc;
	-webkit-box-shadow:2px 2px 3px #ccc;
	box-shadow:2px 2px 3px #ccc;
}

#form_degust fieldset { 
	border:3px solid #82AA30;
	padding:17px;
	background-color:#fff;
}

#form_degust, #form_degust fieldset {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px; 
}
form#form_degust fieldset#part_Dgust {position:relative;}

#form_degust fieldset legend { 
	font: bold 13px Arial, Tahoma;
	color:#82AA30;
	border:1px solid #82AA30;
	padding:2px;
	margin:0 7px;
	background-color:#fff;
}

#form_degust ul, #form_degust ul li {	
	font-size:13px;
	margin:0; 
}
#form_degust ul li { margin:0 0 14px 0 !important; clear:both;}

form#form_degust #date_dgust { width:90px; }
form#form_degust #date_dgust+img {position:relative; top:3px; left:6px;}

/* Les champs */
form#form_degust input, form#form_degust textarea, form#form_degust select {font:13px Arial, Tahoma;}
form#form_degust input, form#form_degust textarea {padding:3px;}
form#form_degust #millesime { width:90px; }
form#form_degust input[type='text'], form#form_degust textarea, form#form_degust select {color:#6e6e6e;}
form#form_degust input[type='text']{height:15px;}
textarea.fdp {
	font-family: tahoma;
    font-size: 12px;
    padding:3px;
    color: #000;
}
textarea.fdp {width:300px; height: 136px; margin-left:10px; float: left;} 

form#form_degust label, form#form_degust label.br { 
	display:block;
	float:left;
	margin-right:5px;
	width:141px;
}
form#form_degust label.br {width:100%; float:none;}

form#form_degust textarea {width:359px; height:49px;}

form#form_degust #note, form#form_degust #info-badge {
	position:absolute;
	top:22px;
	/*right:22px;*/
	right:38px;
	border: 1px solid; 
	overflow: hidden; 
	/*margin: 14px 0pt;*/
	margin:0;
	padding: 13px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px; 
	-moz-box-shadow:2px 2px 3px #ccc;
	-webkit-box-shadow:2px 2px 3px #ccc;
	box-shadow:2px 2px 3px #ccc;
	background-color:#fff;
	width:168px;
	border:1px solid #969696;
}
form#form_degust #note {top:42px\9}

form#form_degust #info-badge {
	top:247px;
	box-shadow:none;
}
form#form_degust #info-badge {top:267px\9}

form#form_degust #info-badge>p {margin-bottom:7px; text-align:justify;}
form#form_degust #info-badge ul li {margin:4px 0 !important;}
form#form_degust #info-badge .checked, form#form_degust #info-badge .notchecked {float:left; margin-right:5px;}

div.rating-cancel {display:none !important;}
form#form_degust #note .labRating {font-weight:bold; width:76px;}
form#form_degust #note .forPublic, form#form_degust #note .forPrivate {width:60px; margin-left:6px; font-weight:normal !important;}
form#form_degust #note .forPrivate {width:50px; margin-right:0;}
form#form_degust #note label.evaluation {float:none; width:auto; margin:7px 0 5px; font-weight:bold;}
form#form_degust li.radio_inline { clear:both; overflow:hidden; }
form#form_degust li.radio_inline input[type=radio]{	float:left; border:0;}

form#form_degust #note #hover-test {margin:0 !important; height:20px !important; display:block !important;}

form#form_degust input[type='button'] {
	text-shadow:0 1px 1px #777;
	padding:3px 7px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
}

#bloc-dgust #newDgst {
	display: block;
	width: 165px;
	height: 24px;
	line-height: 24px;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
	text-decoration:none;
	position:absolute;
	color:#fff;
	z-index:2;
	font-size:12px;
	font-weight:bold;
	padding-left:11px;
	padding-right:11px;
}

#bloc-dgust #newDgst .ico_add {float:left; margin-top:0px; margin-right:11px;}

form#form_degust label[for="millesime"] {float: none !important; display: inline !important;}


.vert, .gris {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-ie-border-radius: 2px;
	border-radius: 2px;
	text-shadow: 1px 1px 2px #888888;
}
.orange {
	color: #fff;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

.vert {
	color: #fff;
	border: solid 1px #7cb002;
	background: #8bbe12;
	background: -webkit-gradient(linear, left top, left bottom, from(#bed359), to(#8bbe12));
	background: -moz-linear-gradient(top,  #bed359,  #8bbe12);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bed359', endColorstr='#8bbe12');	
}
.vert:hover {
	background: #669900;
	background: -webkit-gradient(linear, left top, left bottom, from(#669900), to(#99cc33));
	background: -moz-linear-gradient(top,  #669900,  #99cc33);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#669900', endColorstr='#99cc33');
}
.vert:active {
	background: -webkit-gradient(linear, left top, left bottom, from(#8bbe12), to(#bed359));
	background: -moz-linear-gradient(top,  #8bbe12,  #bed359);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#8bbe12', endColorstr='#bed359');
}

.gris {
	color: #444;
	border: solid 1px #999;
	background: #8bbe12;
	background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#d6d6d6));
	background: -moz-linear-gradient(top,  #f5f5f5,  #d6d6d6);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#d6d6d6');
}
.gris:hover {
	background: #669900;
	background: -webkit-gradient(linear, left top, left bottom, from(#b8b9bd), to(#eff0f1));
	background: -moz-linear-gradient(top,  #b8b9bd,  #eff0f1);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8b9bd', endColorstr='#eff0f1');
}
.gris:active {
	background: -webkit-gradient(linear, left top, left bottom, from(#b8b9bd), to(#eff0f1));
	background: -moz-linear-gradient(top,  #b8b9bd,  #eff0f1);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8b9bd', endColorstr='#eff0f1');
}

label.message_error {
	color: #690021 !important;
    display: table;
    font-size: 12px;
} 



/* --- Box Messages ---*/
.box_message_error, .box_message_warning, .box_message_ok{
	display:table;
	/*width:450px;*/
	background-color:#ffe2e2;
	border:solid 1px #ff0000;
	margin:0 auto 11px;
	padding:7px 10px;
	font-weight:bold;
}
.box_message_warning{
	background-color:#ffdfca;
	border-color:#cf6c0a;
}
.box_message_ok{
	background-color:#e0f4d9;
	border-color:#78b448;
}