@charset 'utf-8';#_body {
	height: 100%;
}

#contain {
	display:table;
	height:100%;
	position:relative;
	width:100%;
}

#content,
#wrap_main {
	display:table-row;
	position: relative;
}

#content {
	z-index:2;
}

#content > div {
	position:relative;
	z-index:2;
}

#_str {
	position:absolute;
	overflow: auto;
	font-size:18px;
}

#_str.full {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

#_str.full > div {
	padding-top:60px;
	padding-bottom:60px;
	padding-left:80px;
	padding-right:80px;
}

#_str.bloc {
	top: 60px;
	bottom: 60px;
	right:80px;
	max-width: 800px;
}

#_str.bloc:not(.right) {
	left:80px;
}

#_str.bloc.right {
	padding-left:80px;
}

.bloc img {
	max-width:100%;
}


/** astuce pour supprimer les lags d'animation sous chrome */
#_str,
#bg .bg {
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0);
}

#wrap_main {
	height:100%;
}

#main {
	position:relative;
	width:100%;
	height:100%;
	overflow:auto;
}

.padd {
	padding:40px;
}

.bloc {
	overflow: auto;
}

.shdw,
.submenu,
#content_second > li:hover > a,
.bloc:not(#_str),
#content_second_thread {
	box-shadow: 0 2px 3px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.2);
	-o-box-shadow: 0 2px 3px rgba(0,0,0,.2);
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,.2);
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=0, Strength=3);
}

.bloc > * {
	background-color: rgba(255, 255, 255, 0.9);
}

.submenu {
	background-color: rgba(255, 255, 255, 0.95);
}

#content {
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuOCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 30%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.8)), color-stop(30%,rgba(255,255,255,0.8)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 30%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 30%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 30%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 30%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}

#content:hover,
#content #content_second {
	background-color: #fff;
}

#content_second_thread {
	background-color: rgba(255, 255, 255, 0.7);
}

/** menu */

	#content #menu_SITE_NATUREL,
	#content #menu_MONUMENT_HIST {
		padding-left:10px;
		padding-right:10px;
		transition: background-color;
		-webkit-transition: background-color;
		-o-transition: background-color;
		-moz-transition: background-color;
		transition-duration: .2s;
		-webkit-transition-duration: .2s;
		-o-transition-duration: .2s;
		-moz-transition-duration: .2s;
		transition-timing-function: linear;
		-webkit-transition-timing-function: linear;
		-o-transition-timing-function: linear;
		-moz-transition-timing-function: linear;
	}

	#menu_SITE_NATUREL span,
	#menu_MONUMENT_HIST span {
		display:block;
		height:53px;
		width:53px;
		background-postition:left top;
		background-repeat:no-repeat;
		background-color:transparent;
	}

	#menu_SITE_NATUREL span {
		background-image:url('img/logo_sitenaturel.png');
	}
	
	#menu_MONUMENT_HIST span {
		background-image:url('img/logo_sitehisto.png');
	}
	
	#menu_SITE_NATUREL:hover,
	#menu_MONUMENT_HIST:hover {
		background-color:#333;
	}
	
	#menu_SITE_NATUREL:hover span,
	#menu_MONUMENT_HIST:hover span {
		background-position:left -53px;
	}
	
	#link_fb {
		float:right;
		background:url('img/link_fb.gif') no-repeat center center transparent;
		display:inline-block;
		position:absolute;
		top:0;
		right:0;
		height:53px;
		width:53px;
		opacity:.8;
		z-index:3;
	}
	#link_fb:hover {
		opacity:1;
	}
	
	.menu li > a {
		color:#67512f;
		transition: color, text-shadow, background-color, box-shadow;
		-webkit-transition: color, text-shadow, background-color, box-shadow;
		-o-transition: color, text-shadow, background-color, box-shadow;
		-moz-transition: color, text-shadow, background-color, box-shadow;
		transition-duration: .1s;
		-webkit-transition-duration: .1s;
		-o-transition-duration: .1s;
		-moz-transition-duration: .1s;
		transition-timing-function: linear;
		-webkit-transition-timing-function: linear;
		-o-transition-timing-function: linear;
		-moz-transition-timing-function: linear;
	}

	.menu li.hv a,
	.menu li:hover > a,
	#content_second_thread a[href]:hover,
	#content_second_thread li.hv a {
		color:#000;
		text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
	}
	
	#content_second_thread a[href]:hover,
	#content_second_thread li.hv a[href] {
		background-color: #fff;
	}
	
	
	#content_prim {
		display:inline-block;
	}
	
	#content .menu,
	#content .menu li,
	#content .submenu {
		margin:0;
		padding:0;
	}

	#content_prim {
		font-size:24px;
		vertical-align: top;
	}
	#content_prim > li {
		display:inline-block;
		padding:0;
	}
	#content_prim a {
		display:block;
		padding: 11px 25px;
	}
	
	.menu li {
		list-style:none;
	}
	
	#content_prim > li,
	#content_second > li {
		display:inline-block;
		vertical-align:top;
	}
	
	#content_second > li {
		margin:0 0 0 1px;
		padding:0;
	}

	.submenu {
		position:absolute;
		z-index:2;
		opacity:0;
		height:0;
		transition: opacity;
		-webkit-transition: opacity;
		-moz-transition: opacity;
		-o-transition: opacity;
		transition-timing-function: linear;
		-webkit-transition-timing-function: linear;
		-moz-transition-timing-function: linear;
		-o-transition-timing-function: linear;
		transition-duration: .2s;
		-webkit-transition-duration: .2s;
		-moz-transition-duration: .2s;
		-o-transition-duration: .2s;
		overflow:hidden;
	}

	#content_second > li > .submenu {
		top:100%;
		left:0;
		width:100%;
	}
	
	#content_second .submenu .submenu {
		top:0;
		left:100%;
	}
	
	.submenu a {
		font-size:16px;
		display:block;
		padding:10px 20px;
		text-align:left;
	}
	
	.menu a[onclick]:not([href]) {
		cursor:default !important;
	}
	
	.menu li:hover > .submenu {
		opacity:1;
		height:auto;
		overflow:visible;
	}
	
	.submenu > li {
		border-top:solid 1px #eee;
	}
	.submenu > li:last-child {
		border-bottom:none;
	}
	
	.menu,
	.menu li {
		position:relative;
	}
	
	#content_second {
		z-index:2;
		transition: opacity;
		-webkit-transition: opacity;
		-o-transition: opacity;
		-moz-transition: opacity;
		transition-timing-function: linear;
		-webkit-transition-timing-function: linear;
		-o-transition-timing-function: linear;
		-moz-transition-timing-function: linear;
		transition-duration: .3s;
		-webkit-transition-duration: .3s;
		-o-transition-duration: .3s;
		-moz-transition-duration: .3s;
	}
	
	#content_second > li > a {
		display:block;
		font-size:18px;
		text-align:center;
		padding:15px 25px;
	}
	
	.menu a[href] {
		text-decoration:none;
	}
	
	#content_second_thread_wrap {
		position:absolute;
		left:0;
		margin-left:45px;
		margin-right:45px;
		z-index:1;
	}
	
	._isADMIN #content_second_thread_wrap {
		margin-left:98px;
	}
	
	#content_second_thread {
		margin:0;
	}
	
	#content_second_thread li {
		display:table-cell;
		font-size:18px;
		list-style:none;
		margin:0;
		padding:0;
		vertical-align:middle;
	}
	
	#content_second_thread a {
		padding:5px 17px;
		display:inline-block;
		text-decoration:none;
	}
	
	#content_second_thread li:nth-child(1n+2) a {
		background:url('img/thread_to.png') 6px center no-repeat transparent;
	}
	
	#content_second_thread,
	#content_second_thread li:first-child a[href] {
		-webkit-border-bottom-left-radius: 8px;
		-moz-border-radius-bottomleft: 8px;
		border-bottom-left-radius: 8px;
	}
	
	#content_second_thread,
	#content_second_thread li.hv a {
		-webkit-border-bottom-right-radius: 8px;
		-moz-border-radius-bottomright: 8px;
		border-bottom-right-radius: 8px;
	}
	
	#content_second > li > a ,
	.submenu a {
		min-width:120px;
	}
	
	#menu_logout a,
	#menu_admin a,
	#menu_sondes a {
		display:block;
		height:53px;
		width:53px;
		padding:0;
		margin:0;
	}
	
	#menu_logout a:hover,
	#menu_admin a:hover,
	#menu_sondes a:hover {
		background-position:left -53px;
	}
	
	#menu_admin a {
		background:url('img/admin.png') left top no-repeat rgba(190,0,0,.8);
	}
	
	#menu_admin a:hover {
		background-color:rgb(190,0,0) !important;
	}
	
	#menu_logout a {
		background:url('img/logout.png') left top no-repeat rgba(51,51,51,.8);
	}
	
	#menu_sondes a {
		background:url('img/sondes.png') left top no-repeat rgba(51,51,51,.8);
	}
	
	#menu_logout a:hover,
	#menu_sondes a:hover {
		background-color:rgb(51,51,51) !important;
	}
	
	#content_btn {
		height:53px;
		width:53px;
		background:url('img/content_btn.png') left top no-repeat transparent;
		padding:0;
		margin:0;
		top:0;
		right:53px;
		display:block;
		position:absolute;
	}
	
	#content_btn:hover {
		background-position:left -53px;
	}
	
/** content_quick */

	#content_quick {
		margin:0;
		padding:0;
	}

	#content_quick li {
		position:absolute;
		bottom:15%;
		margin:0;
		padding:0;
		list-style:none;
	}

	#content_quick a {
		display:table-cell;
		vertical-align:middle;
		text-decoration:none;
		color:rgba(255,255,255,.7);
		text-shadow:2px 2px 1px #000;
		background-repeat:no-repeat;
		background-color:transparent;
		font-size:24px;
		white-space:nowrap;
		padding:20px;
	}

	#content_quick li.hv a,
	#content_quick a:hover {
		color:#fff;
		background-color:rgba(0,0,0,.7);
		box-shadow: 0 0 5px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 5px rgba(0,0,0,.4);
		-o-box-shadow: 0 0 5px rgba(0,0,0,.4);
		-moz-box-shadow: 0 0 5px rgba(0,0,0,.4);
	}
	
	#content_quick li a span {
		display:inline-block;
		vertical-align:middle;
	}
	
	#content_quick .arrow {
		height:115px;
		width:30px;
		background-image:url('img/quickmenu.png');
		background-repeat:no-repeat;
		background-color:transparent;
	}
	
	#content_quick span.title {
		white-space:normal;
		display:none;
		padding-left:10px;
		padding-right:10px;
		max-width:110px;
	}
	
	#content_quick li.hv a span.title,
	#content_quick a:hover span.title {
		display:inline-block;
	}

	#content_quick li.left {
		left: 0;
	}

	#content_quick li.left a {
		border-radius: 0px 6px 6px 0px;
		-moz-border-radius: 0px 6px 6px 0px;
		-webkit-border-radius: 0px 6px 6px 0px;
	}
	
	#content_quick li.left .arrow {
		background-position:0 0;
	}
	
	#content_quick li.left a:hover .arrow {
		background-position:0 -115px;
	}

	#content_quick li.left a .title {
		text-align:left;
	}

	#content_quick li.right {
		right: 0;
	}

	#content_quick li.right a {
		border-radius: 6px 0px 0px 6px;
		-moz-border-radius: 6px 0px 0px 6px;
		-webkit-border-radius: 6px 0px 0px 6px;
	}
	
	#content_quick li.right .arrow {
		background-position:-30px 0;
	}
	
	#content_quick li.right a:hover .arrow {
		background-position:-30px -115px;
	}

	#content_quick li:last-child a .title {
		text-align:right;
	}

/** bg */

	#bg {
		position:fixed;
		width:100%;
		height:100%;
		overflow:hidden;
		top:0;
		left:0;
		z-index:-1;
	}

	#wrap_loading {
		text-align:center;
		position:absolute;
		left:0;
		right:0;
		bottom:0;
		z-index:1;
		height:30px;
		background:url('img/loader4.gif') center center no-repeat rgba(255,255,255,.8);
		display:none;
	}
	
	html.loading #wrap_loading {
		display:block;
	}

	.bg {
		background-size:cover;
		width:100%;
		height:100%;
		position:absolute;
		opacity:0;
	}
	.bg.complete {
		opacity:1;
	}
	
	
	#_str > div#result_sending {
		padding:0;
	}
	
/** title */

	.title_h1 {
		font-size:22px;
	}


@media screen and (max-width: 600px) {
	
	html {
		background-color: #dedede;
	}
	
	html, body {
		height: auto;
	}
	
	#main {
		height:auto;
	}
	
	.padd {
		padding:20px;
	}
	
	#_str {
		position:relative;
	}
	
	#bg {
		position:relative;
	}
	
	#bg,
	.bg {
		height:200px;
	}
	
	.bg.bg_ {
		display:none;
	}
	
	#contain {
		overflow: auto;
	}
	
	#contain,
	#content,
	#wrap_main {
		display:block;
	}
	
	#_str.bloc.right,
	#_str.bloc:not(.right) {
		left:0;
		padding-left:0;
	}
	
	#_str.bloc {
		right:0;
		top:0;
		bottom:0;
		max-width:100% !important;
	}
	
	._isADMIN #content_second_thread_wrap {
		margin-left:0;
	}

	#_str > div,
	#_str.full > div,
	#_str > .padd {
		padding:20px;
		margin:10px;
	}
	
	#content_second_thread_wrap {
		margin-right:0;
		margin-left:0;
		position:relative;
	}
	
	#content_second_thread li {
		display:inline-block;
		font-size:15px;
	}
	
	#content_second_thread,
	#content_second_thread li.hv a,
	#content_second_thread,
	#content_second_thread li:first-child a[href] {
		border-radius:0;
	}
	
	#content_quick li {
		display: inline-block;
		position:relative;
		bottom:0;
	}
	
	#content_quick .right {
		float: right;
	}
		
	#content_quick .left {
		float: left;
	}
	
	#content #content_second_wrap {
		display:none;
		text-align: center;
		left: 0;
		position: absolute;
		border-top:1px solid #ccc;
		top: 100%;
		z-index:1;
		width:100%;
		box-shadow: 0 2px 3px rgba(0,0,0,.3);
		-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.3);
		-o-box-shadow: 0 2px 3px rgba(0,0,0,.3);
		-moz-box-shadow: 0 2px 3px rgba(0,0,0,.3);
		filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=0, Strength=3);
	}

	.menu li > .submenu.hv {
		opacity:1;
		height:auto;
		overflow:visible;
	}
	
	#content_quick li.left a,
	#content_quick li.right a {
		border-radius:0;
	}
	
}

@media screen and (max-width: 530px) {
	
	#content .menu li#menu_INDEX {
		width:100%;
	}
	
}

@media screen and (min-width: 1000px) {
	
	#content_btn {
		display:none;
	}
	
	#content_second_wrap {
		display:none;
	}

	#content_second_wrap,
	#content_second {
		-webkit-border-bottom-left-radius: 8px;
		-moz-border-radius-bottomleft: 8px;
		border-bottom-left-radius: 8px;
	}

	#content:hover #content_second_wrap {
		display:inline-block;
		position:absolute;
		padding-right:53px;
	}
}

@media screen and (min-width: 400px) and (max-width: 1000px) {

	#content #content_second_wrap {
		display:none;
		left: 0;
		position: absolute;
		border-top:1px solid #ccc;
		top: 100%;
		z-index:1;
		width:100%;
		box-shadow: 0 2px 3px rgba(0,0,0,.3);
		-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.3);
		-o-box-shadow: 0 2px 3px rgba(0,0,0,.3);
		-moz-box-shadow: 0 2px 3px rgba(0,0,0,.3);
		filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=0, Strength=3);
	}

}

/** tooltip */

.ui-tooltip {
	font-size:13px;
	border:none;
	background-color:#333;
	color:#fff;
	max-width: 600px;
	border-radius:0;
	padding:5px 10px;
	top:0;
	box-shadow:none;
	-o-box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}@charset "utf-8";


.err {
	display:block;
	color:red;
	margin-top:10px;
	font-size:15px;
	font-weight:bold;
}

input[type=submit],
button,
.submit,
.submit[href]:link,
.submit_disabled,
.submit2,
.submit2[href]:link,
.submit2_disabled {
	font-family:Gafata;
	display:inline-block;
}

input[type=submit],
button,
.submit,
.submit[href]:link,
.submit_disabled {
	border:none;
	padding:3px 8px;
	font-size:16px;
}

.submit2,
.submit2_disabled {
	padding:17px 20px 10px 60px;
	font-size:16px;
}

input[type=submit],
button,
.submit,
.submit[href]:link,
.submit2,
.submit2[href]:link {
	text-decoration:none;
	cursor:pointer;
}

input[type=submit],
button,
.submit,
.submit[href]:link {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color:#666;
	color:#fafafa !important;
	box-shadow: 0 2px 3px rgba(0,0,0,.3);
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,.3);
	-o-box-shadow: 0 2px 3px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.3);
}

.submit2,
.submit2_disabled {
	position:relative;
	vertical-align:middle;
}

.submit2 {
	color:#666;
}

.submit.load,
input[type=submit]:hover,
button:hover,
.submit:hover,
.submit[href]:hover,
.submit2:hover,
.submit2[href]:hover {
	text-decoration:none;
}

.submit.load,
input[type=submit]:hover,
button:hover,
.submit:hover,
.submit[href]:hover {
	background-color:#333 !important;
}

.submit_alone .ic {
	margin-right:0 !important;
}

.submit2.submit_alone,
.submit2_disabled.submit_alone {
	padding:10px 15px;
}

.submit2.submit_alone .ic,
.submit2_disabled.submit_alone .ic {
	position:relative;
	top:0;
	left:0;
}

.submit_disabled,
.submit2_disabled {
	color:#999 !important;
}

.ic {
	background-repeat:no-repeat;
	display:inline-block;
	vertical-align: text-top;
}

.submit .ic,
.submit_disabled .ic {
	/** background-image:url('img/sprites.png'); */ /** dans php pour ajout d'un timer sur l'url '*/
	margin-right:8px;
	width:16px;
	height:16px;
}

.submit2 .ic,
.submit2_disabled .ic {
	/** background-image:url('img/sprites2.png'); */ /** dans php pour ajout d'un timer sur l'url '*/
	margin-right:16px;
	width:32px;
	height:32px;
	position:absolute;
	left:15px;
	top:10px;
}

/** submit 1 */

	.submit.submit_success .ic {background-position:-16px 0 !important;}
	.submit.submit_success:hover .ic {background-position:-16px -16px !important;}

	.submit.submit_enregistrer .ic {background-position:0 0;}
	.submit.submit_enregistrer:hover .ic {background-position:0 -16px;}

	.submit.submit_connexion .ic {background-position:-48px 0;}
	.submit.submit_connexion:hover .ic {background-position:-48px -16px;}

	.submit.submit_deconnexion .ic {background-position:-64px 0;}
	.submit.submit_deconnexion:hover .ic {background-position:-64px -16px;}

	.submit.submit_images .ic {background-position:-80px 0;}
	.submit.submit_images:hover .ic {background-position:-80px -16px;}

	.submit.submit_upload .ic {background-position:-96px 0;}
	.submit.submit_upload:hover .ic {background-position:-96px -16px;}

	.submit.submit_copy .ic {background-position:-112px 0;}
	.submit.submit_copy:hover .ic {background-position:-112px -16px;}

	.submit.submit_modifier .ic {background-position:-128px 0;}
	.submit.submit_modifier:hover .ic {background-position:-128px -16px;}

	.submit.submit_preview .ic {background-position:-144px 0;}
	.submit.submit_preview:hover .ic {background-position:-144px -16px;}

	.submit.submit_open .ic {background-position:-160px 0;}
	.submit.submit_open:hover .ic {background-position:-160px -16px;}
	.submit_disabled.submit_open .ic {background-position:-160px -32px;}
	.submit_disabled.submit_open2 .ic {background-position:-160px -48px;}

	.submit.submit_back .ic {background-position:-176px 0;}
	.submit.submit_back:hover .ic {background-position:-176px -16px;}

	.submit.submit_recycle .ic {background-position:-192px 0;}
	.submit.submit_recycle:hover .ic {background-position:-192px -16px;}
	.submit_disabled.submit_recycle .ic {background-position:-192px -32px;}
	.submit_disabled.submit_recycle2 .ic {background-position:-192px -48px;}
	
	.submit.submit_more .ic {background-position:-208px 0;}
	.submit.submit_more:hover .ic {background-position:-208px -16px;}
	
	.submit.submit_refresh .ic {background-position:-224px 0;}
	.submit.submit_refresh:hover .ic {background-position:-224px -16px;}

	.submit.submit_close .ic,
	.submit.submit_delete .ic {background-position:-32px 0;}
	.submit.submit_close:hover .ic,
	.submit.submit_delete:hover .ic {background-position:-32px -16px;}
	
	.submit_disabled.submit_homepage .ic {background-position:-240px 0;}
	.submit_disabled.submit_homepage:hover .ic {background-position:-240px -16px;}
	
	.submit_disabled.submit_page .ic {background-position:-256px 0;}
	.submit_disabled.submit_page:hover .ic {background-position:-256px -16px;}
	
	.submit.submit_mail .ic {background-position:-272px 0;}
	.submit.submit_mail:hover .ic {background-position:-272px -16px;}
	
	/** sort */
		.submit.submit_sort_asc,
		.submit.submit_sort_asc:hover,
		.submit.submit_sort_desc,
		.submit.submit_sort_desc:hover {
			background-color:transparent !important;
			color:#333 !important;
			margin-right: 0px !important;
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			border-radius: 0;
			box-shadow: none;
			-moz-box-shadow: none;
			-o-box-shadow: none;
			-webkit-box-shadow: none;
			padding:0 !important;
		}
		
		.submit.submit_sort_asc .ic,
		.submit.submit_sort_desc:hover .ic {
			background-position:-304px 0;
			margin-right:0px;
		}
		.submit.submit_sort_desc:hover .ic {background-position:-304px -16px;}

		.submit.submit_sort_desc .ic,
		.submit.submit_sort_asc:hover .ic {
			background-position:-320px 0;
			margin-right:0px;
		}
		.submit.submit_sort_asc:hover .ic {background-position:-320px -16px;}
	
	.submit.submit_rotate .ic {background-position:-336px 0;}
	.submit.submit_rotate:hover .ic {background-position:-336px -16px;}

/** submit 2 */

	.submit2.submit_guestbook .ic {background-position:0 0;}
	.submit2.submit_guestbook:hover .ic {background-position:0 -32px;}

	.submit2.submit_logout .ic {background-position:-32px 0;}
	.submit2.submit_logout:hover .ic {background-position:-32px -32px;}

	.submit2.submit_open .ic {background-position:-96px 0;}
	.submit2.submit_open:hover .ic {background-position:-96px -32px;}

	.submit2.submit_pages .ic {background-position:-64px 0;}
	.submit2.submit_pages:hover .ic {background-position:-64px -32px;}

	.submit2.submit_diapo .ic {background-position:-128px 0;}
	.submit2.submit_diapos:hover .ic {background-position:-128px -32px;}

	.submit2.submit_pays .ic {background-position:-256px 0;}
	.submit2.submit_pays:hover .ic {background-position:-256px -32px;}
	
	.submit2.submit_remove .ic {background-position:-192px 0;}
	.submit2.submit_remove:hover .ic {background-position:-192px -32px;}
	
	.submit2.submit_recycle .ic {background-position:-288px 0;}
	.submit2.submit_recycle:hover .ic {background-position:-288px -32px;}
	.submit2_disabled.submit_recycle .ic {background-position:-288px -64px;}
	
	.submit2.submit_arrow_right .ic {background-position:-224px 0;}
	.submit2.submit_arrow_right:hover .ic {background-position:-224px -32px;}
	
	.submit2.submit_pin .ic {background-position:-320px 0;}
	.submit2.submit_pin:hover .ic {background-position:-320px -32px;}
	
	.submit2.submit_more .ic {background-position:-354px 0;}
	.submit2.submit_more:hover .ic {background-position:-354px -32px;}
	
	.submit2.submit_reduce_more .ic {background-position:-386px 0;}
	.submit2.submit_reduce_more:hover .ic {background-position:-386px -32px;}
	
	.submit2.submit_move_order_v {cursor:n-resize;}
	.submit2.submit_move_order_v .ic {background-position:-160px 0;}
	.submit2.submit_move_order_v:hover .ic {background-position:-160px -32px;}
	
	.submit2.submit_move_order_h {cursor:w-resize;}
	.submit2.submit_move_order_h .ic {background-position:-418px 0;}
	.submit2.submit_move_order_h:hover .ic {background-position:-418px -32px;}
	
	.submit2.submit_move_order {cursor:move;}
	.submit2.submit_move_order .ic {background-position:-674px 0;}
	.submit2.submit_move_order:hover .ic {background-position:-674px -32px;}
	
	.submit2.submit_favorite .ic {background-position:-450px 0;}
	.submit2.submit_favorite:hover .ic {background-position:-450px -32px;}
	
	.submit2.submit_favorite_yl .ic {background-position:-482px 0;}
	.submit2.submit_favorite_yl.hv .ic,
	.submit2.submit_favorite_yl:hover .ic {background-position:-482px -32px;}
	
	.submit2.submit_user .ic {background-position:-578px 0;}
	.submit2.submit_user:hover .ic {background-position:-578px -32px;}
	
	.submit2.submit_locked .ic {background-position:-610px 0;}
	.submit2.submit_locked:hover .ic {background-position:-610px -32px;}
	
	.submit2.submit_lock .ic {background-position:-642px 0;}
	.submit2.submit_lock:hover .ic {background-position:-642px -32px;}
	
	.submit2.submit_merge .ic {background-position:-706px 0;}
	.submit2.submit_merge:hover .ic {background-position:-706px -32px;}
	

input[type=submit].load .ic,
button.load .ic,
.submit.load .ic,
.submit[href]:link.load .ic {
	background-position:0 0 !important;
	background-image:url('img/loader3.gif') !important;
}

input[type=submit].load,
button.load,
.submit.load,
.submit[href]:link.load {
	cursor:default !important;
}

.submit.submit_success,
.submit.submit_success:hover {
	background-color:rgb(11,177,47) !important;
}




/** form */

	.form_intro {
		margin-bottom:20px;
	}

	form.table .required {
		text-align:right;
		margin-bottom:10px;
		font-size:14px;
	}

	.label,
	label {
		color:#333;
		font-size:15px;
	}

	form.table p {
		display:block;
		margin-bottom:10px;
		margin-top:0;
	}

	form.table label:last-child {
		margin-bottom:0;
	}

	form.table {
		display:table;
	}

	form.table fieldset > div {
		display:table-row;
	}

	form.table fieldset > div > div {
		display:table-cell;
		padding-right:50px;
	}

	form.table fieldset > div > div:last-child {
		padding-right:0;
	}
	
	form input[type=submit] {
		margin:20px auto;
		display:block;
	}

	input[type=text],
	input[type=password] {
		height:20px;
	}
	
	input[type=text]:not([disabled=disabled]),
	input[type=password]:not([disabled=disabled]) {
		cursor:text;
	}
	
	input[type=checkbox] {
		margin-right:10px;
	}
	
	input[type=text],
	input[type=password],
	option,
	select,
	textarea {
		font-size:15px;
		font-family:Arial;
	}
	
	input[type=text],
	input[type=password],
	option,
	textarea {
		padding:5px 10px;
	}
	
	select {
		padding-left:5px;
		padding-right:5px;
	}
	
	input[type=text],
	input[type=password],
	select,
	textarea {
		box-shadow: inset 1px 1px 2px rgba(0,0,0,.2);
		-moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,.2);
		-o-box-shadow: inset 1px 1px 2px rgba(0,0,0,.2);
		-webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,.2);
	}
	
	input[type=text][disabled=disabled],
	input[type=password][disabled=disabled],
	select[disabled=disabled],
	textarea[disabled=disabled] {
		color:#666;
		background-color:#f5f5f5;
	}
	
	form.table input[type=text],
	form.table input[type=password],
	form.table textarea {
		width: 100%;
	}
	
	input[type=text],
	input[type=password],
	textarea,
	select {
		border:1px solid #bbb;
	}
	
	label:hover input[type=text]:not([disabled]),
	input[type=text]:not([disabled]):hover,
	label:hover input[type=password]:not([disabled]),
	input[type=password]:not([disabled]):hover,
	label:hover select:not([disabled]),
	select:not([disabled]):hover,
	label:hover textarea:not([disabled]),
	textarea:hover:not([disabled]) {
		border:1px solid #888;
		color:#000;
	}