img
{
	border: 0;
}
#listformitem
{
	width: 80%;
}
.button_submit,
.button_cancel:link,
.button_cancel:hover,
.button_cancel:active,
.button_cancel:visited
{
	background-color: 		#0a0;
	color: 					#fff;
	padding: 				5px 20px;
	font-size: 				10pt;
	border: 				0;
	text-decoration: 		none;
	cursor: 				pointer;
}
.button_cancel:link,
.button_cancel:hover,
.button_cancel:active,
.button_cancel:visited
{
	background-image: 		url(../images/cancel.png);
	background-position:	6px 7px;
	background-repeat: 		no-repeat;
	padding-left: 			30px;
	background-color: 		#ddd;
	color: 					#777;
}
.button_submit
{
	background-image: 		url(../images/submit.png);
	background-position:	6px 7px;
	background-repeat: 		no-repeat;
	padding-left: 			25px;
}
.button_submit:hover
{
	background-color: 		#080;
	background-color: 		#2b2;
}
.button_cancel:hover
{
	background-color: 		#ccc;
}

.form_button_container img
{
	vertical-align: inherit;
}

form.auto,
.auto
{
	font-family: 		Arial;
	padding: 			0;
	margin: 			0;
/*	max-width: 			80%;*/
	width: 			100%;
	max-width: 		1300px;
	background-color:	#f4f4f4;
	border-bottom: 		5px solid #F04031;
	border-bottom: 		2px solid #555;
}
form .title
{
	font-size: 				10pt;
	font-weight: 			bold;
	color: 					#555;
	border-bottom: 			2px solid #555;
	padding: 				15px 0;
	padding-bottom: 		5px;
	margin-bottom: 			20px;
	background-color: 		#f8f8f8;
}


fieldset.form
{
    width: 					700px;
    padding: 				0px 5px 20px 0px;
    margin-top: 			15px;
    margin-bottom: 			15px;
    border: 				1px solid #AAA;
}
/*
fieldset.form legend
{
   font-size: 10pt; 
  
   color: #AAA;
   background-image: url(../images/form_arrow.gif);
   background-repeat: no-repeat;
   background-position: left;
   padding: 0px 5px 0px 15px;
   margin-left: 10px;
}
*/

.fieldset_bloc
{
	background-color: #fafafa; 
	margin: 10px 20px; 
	border: 1px solid #ddd;
}
.fieldset_bloc .fieldset_title
{
	/*margin: 1px; */
	background-image: url(../images/fieldset_arrow.png);
	background-repeat: no-repeat;
	background-position: 5px;
	padding: 2px 5px; 
	padding-left: 20px;
	background-color: #99BBE8; 
	font-weight: bold; 
	color: #FFF;
}
.fieldset_bloc .fieldset_content
{
	padding: 10px;	
}

.field 
{

	/*clear: both;*/

}
.form_field 
{
	width: 95%;
	/*background-color: #EEE;*/
	border-collapse: collapse;

}

.form_field_left label
{
	margin: 			0;
}
.form_field_left 
{
	color: #333;
	float: left;
	font-size: 9pt;
	font-weight: normal;
	padding: 4px 5px;
	text-align: right;
	vertical-align: top;
	width: 22%;
	margin-top: 2px;
}
.form_field_row 
{
	/*margin-bottom: 20px;*/
	display: inline-block;
	width: 100%;
}
.form_button_container 
{
	margin-left: 			22%;
	padding-left: 			6px;
	padding-bottom: 		20px;
}
.form_field_right
{
	float: right;
	padding: 1px 0;
	text-align: left;
	vertical-align: top;
	width: 76%;
	font-size: 	9pt;
	color: 		#222;
}

input[type="radio"]
{
	margin-right: 20px;
	vertical-align: middle;
}

input[type="file"], 
input[type="text"], 
input[type="password"], 
textarea, 
select
{
    font-family: 		arial;
    font-size: 			9pt;
    /*line-height: 		20px;*/
	border: 			1px solid #DDD;
	padding: 			4px 3px;
	margin-bottom: 		1px;
	-moz-border-radius: 3px;
	color: 				#222;
}
/*
input[type="file"], 
input[type="text"], 
input[type="password"], 
textarea, 
select
{
    font-family: arial;
    font-size: 9pt;
    line-height: 20px;
	border: 1px solid #DDD;
	background-image: url(../images/form_background.gif);
	background-repeat: no-repeat;
	background-position: top left;
	
	border-right: 1px solid #cecece;
	border-top: 1px solid #7c7c7c;
	border-left: 1px solid #7c7c7c;
	border-bottom: 1px solid #c3c3c3;
	padding: 2px 3px;
	margin-bottom: 1px;
}
*/
select optgroup
{
	font-style: normal;
    /* color: #F60;*/
}

input[type="file"], 
input[type="text"],
input[type="password"] { width: 90%; }
textarea { width: 90%; }
select { width: 90%; padding-right: 0; }


input[type="text"]:focus, 
textarea:focus, 
select:focus
{
    /*background-image: none;
	background-color: #FFC;*/
	/*background-color: #FFF;
	border: 1px solid #666;*/
	/*
		border-left: 1px solid #000;
		border-top: 1px solid #000;
		border-right: 1px solid #000;
    */
	/*
		background-color: #FFE;
		background-image: none;
		background-repeat: repeat;
		background-attachment: scroll;
		background-position: top left;
	*/
}


form .highlight
{
    color: #F00;
}

form .error
{
    display: block;
    left: 0;
    color: #000;
    background-color: #FFF;
    border: 1px solid #DDD;
    width: 150px;
    margin: 2px;
    padding: 8px;
	font-size: 8pt; 
	background-image: url(../images/form_warning.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 35px; 
}

.form_errorcheck
{
    color: red;
    margin-left: 140px;
    margin-bottom: 20px;
    font-size: 8pt;
    font-style: italic;
}


.form_picker_view 
{ 
	border: 				1px solid #ccc; 
	background-color: 		#FFF; 
	padding: 				5px; 
	white-space: 			nowrap;
	text-align: 			center;
	-moz-border-radius: 	5px;
	-webkit-border-radius: 	5px;
	border-radius: 			5px;
}

*html .form_picker_view 
{ 
	min-width: 100%;
}
*+html .form_picker_view 
{ 
	min-width: 100%;
}


/******************/
/* Slider  */
/******************/

.slider_view { font-weight: bold; } 
.slider_line_severity, 
.slider_line 
{ 
	height: 4px; 
	background-image: url(../images/form_slide.gif); 
	background-repeat: repeat-x; 
	margin-bottom: 20px;
	/*
	border-left: 1px solid #9D9C99;
	border-right: 1px solid #9D9C99;
	*/
}

.slider_line_severity 
{ 
	border: 0px solid #000;
	height: 20px; 
	background-image: url(../images/progressbar_severity.gif);  

}



.prop{width: 500px; border: 1px green dotted; background: #EFEFEF; padding: 10px;}
.prop em {color:green; font-weight: bold;}
.prop td {vertical-align: top; text-align: left; padding: 5px;}
.note_zero:hover { cursor: pointer; color: #F00; }






.fieldqty_button 
{
	border: 1px solid #666;
	background-color: #EEE;
	color: #666;
	height: 15px;
	width: 15px;
	padding: 0;
	text-align: center;
	cursor: pointer;
}

/* Definition des style de message dans le formulaire */
.form_messagetype_info
{
	background-image: url(../images/form/form_messagetype_info.png);
	background-position: left;
	background-repeat: no-repeat;
	padding: 5px;
	padding-left: 30px;   
	color: #3F7F1F;
	border: 1px solid #79CF4D;
	background-color: #DFFFCF;  
	margin: 1px 20px;
}

.form_messagetype_advice
{
	background-image: url(../images/form/form_messagetype_advice.png);
	background-position: left;
	background-repeat: no-repeat;
	padding: 5px;
	padding-left: 30px;    
	color: #458BDF;
	margin: 1px;
	/*border: 1px solid #DFEEFF;
	background-color: #EFF6FF; */
}
/*
.form_messagetype_warning
{
     background-image: url(../images/form/form_messagetype_warning.png);
     background-position: left;
     background-repeat: no-repeat;
     padding: 5px;
     padding-left: 30px;    
     border: 1px solid #D28B14;
     background-color: #FFFCB3; 
     margin: 1px;
}*/


.form_combo_editable
{
	border: 1px solid #CCA;
	background-color: #FFE;
	padding: 5px;
	white-space: nowrap;
	vertical-align: middle;
	font-weight: bold;
	background-image: url(../images/action_add.png);
	background-repeat: no-repeat;
	background-position: 5px;
	padding-left: 25px;
	margin-bottom: 10px;
}

.form_combo_editable table td
{
	vertical-align: middle;
}

.form_combo_editable input
{
	font-weight: normal;
}

.form_combo_option
{
	font-weight: bold;
	background-image: url(../images/action_add.png);
	background-repeat: no-repeat;
	background-position: 5px;
	padding-left: 25px;
}


.form_separator
{
	margin: 				35px 7px 21px 7px;
	background-image: 		url(../images/form_separator.png);
	background-repeat: 		repeat-x;
	background-position: 	center;
	clear:					both;
}
.form_separator_title
{
	border: 			1px solid #ccc;
	background-color: 	#fff;
	padding-right: 		5px;
	padding-left: 		5px;
	margin-left: 		14px;
	color: 				#999;
	font-size: 			9pt;
}
.form_separator_level2
{
	margin: 			35px 7px 21px 40px;
}

.form_separator_level2 .form_separator_title
{
	font-size: 			8pt;
	border: 			1px solid #CCC;
	background-color: 	#FFF;
}

.field_required .req { color: red; }
.field_required
{
	margin-right: 		70px; 
	text-align: 		right;
	color: 				#888;
}


.form_flag,
.form_flag_selected
{
	display: inline;
	margin: 1px;
	cursor: pointer;
}
.form_flag img
{
	border: 1px solid #FFF;
}
.form_flag_selected img
{
	border: 1px solid #000;
}
.form_flag img:hover
{
	border: 1px solid #AAA;
}

.EN .form_field_left  { color: 	#009; }
.EN .form_field_right
{
	background-image: 		url(../images/lang/en.png);
	background-repeat:		no-repeat;
	background-position: 	5px 8px;
	padding-left: 			25px;
	color: 					#C00;
}
.SP .form_field_left { color: #0A0; }
.SP .form_field_right
{
	background-image: 		url(../images/lang/sp.png);
	background-repeat:		no-repeat;
	background-position: 	5px;
	background-color: 		#E1FFDF;
	color: 					#0A0;
}
.IT .form_field_left { color: #0A0; }
.IT .form_field_right
{
	background-image: 		url(../images/lang/it.png);
	background-repeat:		no-repeat;
	background-position: 	5px;
	background-color: 		#E1FFDF;
	color: 					#0A0;
}
.RU .form_field_left { color: #C00; }
.RU .form_field_right
{
	background-image: 		url(../images/lang/ru.png);
	background-repeat:		no-repeat;
	background-position: 	5px 8px;
	padding-left: 			25px;
	color: 					#C00;
}



.form_fieldgoup
{
	border: 				1px solid #CCC;
	padding: 				10px;
	background-color: 		#EAEAEA;
	-moz-border-radius: 	5px;
}
.form_fieldgoup .fieldgroup_legend
{
	padding: 				0 5px;
	color: 					#888;
}


/****************************
 * Form > Progressbar
 ****************************/

.form_progressbar_bloc
{
	margin: 				10px;
}

.form_progressbar
{
	-moz-border-radius:		3px;	
	margin: 				1px; 
	border: 				1px solid #DDD; 
	border: 				1px solid #999; 
	width: 					100%; 
	background-color: 		#FFF; 
	font-size: 				1pt;

	background-image: 		url(../images/form/progressbar.png);
	background-repeat:		repeat-x;
	background-position: 	left;
}

.form_progressbar_value
{
	-moz-border-radius:		3px;	
	height: 				10px;
	height: 				12px; 
	width: 					1px; 
	background-color: 		#0C0; 
	font-size: 				1pt;

	background-image: 		url(../images/form/progressbar_value.png);
	background-repeat:		repeat-x;
	background-position: 	left;
}

.form_progressbar_value_ok
{
	height: 				12px; 
	width: 					0; 
	background-color: 		#0F0; 
	font-size: 				1pt;

	background-image: 		url(../images/form/progressbar_ok.png);
	background-repeat:		repeat-x;
	background-position: 	left;
}

.form_progressbar_info
{
	margin: 				3px 0;
	color: 					#888;
}

.date_now:hover 
{
	text-decoration: 		none;
}
.date_now
{
	color: 					#069;
	padding: 				3px 10px;
	text-decoration: 		underline;
	cursor: 				pointer;
}


.mgalery_picket_container
{
	position: 					relative;
	top: 						3px;
	text-align: 				right;
	margin-right: 				10px;
}


.mgalery_picker_tab:link,
.mgalery_picker_tab:hover,
.mgalery_picker_tab:active,
.mgalery_picker_tab:visited
{
	background-color: 			#FAFAFA;
	padding: 					4px 20px;
	border: 					1px solid #DDD;
	border-bottom: 				1px solid #CCC;
	margin: 					3px 3px;
	text-decoration: 			none;
	color: 						#888;
	-moz-border-radius: 		3px 3px 0 0;
}

.mgalery_picker_tab:hover
{
	background-color: 			#EEE;
}

.mgalery_picker_tab_selected:link,
.mgalery_picker_tab_selected:hover,
.mgalery_picker_tab_selected:active,
.mgalery_picker_tab_selected:visited
{

	position: 					relative;
	top: 						1px;

	background-color: 			#EAEAEA;
	font-weight: 				bold;
	border: 					1px solid #CCC;
	border-bottom: 				0;
	color: 						#333;
}

.textlimiter
{
	color: 						navy;
	float: 						right;
	background-color: 			#FFC;
	border: 					1px solid #DEDF99;
	-moz-border-radius: 		3px;
	padding: 					1px 5px;
	margin-bottom: 				10px;
}

.textlimiter_normal
{
}

.textlimiter_over
{
	color: 						#FFF;
	background-color: 			#A00;
	padding: 					0 3px;
}


/**************************
 * Form OpenHour
 **************************/	
.field_openhour 
{
	margin-left: 		18%;
}
.field_openhour table
{
	
}
.field_openhour table td
{
	padding: 			2px 5px;
	vertical-align: 	middle;
	font-size: 			10pt;
	color: 				#444;
}

.field_openhour table .combohour_item
{
	width: 				90px;
}


.field_openhour table .down,
.field_openhour table .leftbottom,
.field_openhour table .leftbottomno
{
	opacity: 			0;
}
.field_openhour table:hover .down,
.field_openhour table:hover .leftbottom,
.field_openhour table:hover .leftbottomno
{
	opacity: 			1;
}


.down
{
	background-image: 		url(../images/down.png);
	background-position: 	left;
	background-repeat: 		no-repeat;
	padding: 				2px 0 2px 20px;
	cursor: 				pointer;
}
.leftbottomno,
.leftbottom
{
	background-image: 		url(../images/leftbottom.png);
	background-position: 	bottom left;
	background-repeat: 		no-repeat;
	padding: 				2px 0 2px 16px;
	cursor: 				pointer;
	text-align: 			left;
}

.leftbottomno
{
	margin-left: 			90px;
}


@media only screen
and (max-width : 980px) 
{
	.form_field 
	{
		margin: 		0 auto;
	}

	.form_field_left 
	{
		text-align: 	left;
		float: 			none;
		width: 			auto;
		padding: 		15px 0 2px 0;
	}
	
	.form_field_right
	{
		float: 			none;
		width: 			auto;
	}

	.form_button_container 
	{
		margin: 		15px 0;
		text-align: 	center;
	}
	.field_required
	{
		margin: 		5px 10px;
	}
}

@media only screen
and (max-width : 700px) 
{
    .commons_zoom
    {
        float:               none;
        width:               auto;
    }

}

/**************************
 * Mgalery > Sortable
 **************************/
.mgalery_sortable
{
	background-position: 	-15px center;
	background-repeat: 		no-repeat;
	padding-left: 			20px;
	opacity: 				1;
	-webkit-transition:		opacity .2s ease-out;
	-moz-transition:		opacity .2s ease-out;
	-o-transition:			opacity .2s ease-out;
	transition:				opacity .2s ease-out;
	cursor: 				ns-resize;
}
.mgalery_sortable:hover
{
	background-image: 		url(../images/mgalery/move.png);
	background-position: 	left center;
	background-repeat: 		no-repeat;
	padding-left: 			20px;
}
.mgalery_sortable_container.mgalery_sort_wait .mgalery_sortable
{
	opacity: 				0.1;
}