/*
 * HN UI
 * Copyright HAPPYneuron
 */

 
/*
 * Fenêtres modales
 */
#popupWindowBg{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: black;	
	z-index: 1000;
}
#popupWindowPopup{ 
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -250px;
	margin-top: -150px;
	min-width: 500px;
	z-index: 1010;
	overflow: scroll-y; 
	max-height: 500px;
}
#popupWindowPopup .closeButton{
	float: right;
	text-shadow: none;
	cursor: pointer;
	margin-top: 7px;
	background: url('../img/layout/icons/close2.png') top right no-repeat;
	padding-right: 22px;
	width: 16px; height: 16px;
}
#popupWindowPopup .closeButton:hover{ color: white; background-position: bottom right; }



/*
 * Html5 form
 */
 .html5_formIconValidation{
	display: inline-block; *display: inline; zoom: 1;
	width: 18px;
	height: 18px;
	margin-left: 5px;
  margin-top: -5px;
  vertical-align: middle;
}
.html5_inputValid{ border-color: green !important; } 
.html5_inputInvalid{ border-color: red !important; } 
.html5_inputValid + .html5_formIconValidation{
	background: url('../img/icons/tick.png') center center no-repeat;
}
.html5_inputInvalid + .html5_formIconValidation{
	background: url('../img/icons/error.png') center center no-repeat;
}



/*
 * Autoform
 */
.hn-autoformSendingData{ font-style: italic; display: none; }
.hn-autoformSendingData img{ margin-right: 10px; vertical-align: middle; }



/*
 * Boutons orange
 */
.hn-btnOrange{ 
	margin-top: 0px;
	background: #fcd99c; /* Old browsers */
	background: -moz-linear-gradient(top, #fcd99c 1%, #ff8300 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fcd99c), color-stop(100%,#ff8300));
	background: -webkit-linear-gradient(top, #fcd99c 1%,#ff8300 100%); 
	background: -o-linear-gradient(top, #fcd99c 1%,#ff8300 100%);
	background: -ms-linear-gradient(top, #fcd99c 1%,#ff8300 100%);
	background: linear-gradient(to bottom, #fcd99c 1%,#ff8300 100%);
	border-radius: 5px;
	border: 1px solid #54230c;
	color: #54230c;
	font-size: 17px;
	padding: 5px 20px;
	cursor: pointer;
	text-decoration: none;
}
.msie9 .hn-btnOrange{ 
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkYzM1ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQyJSIgc3RvcC1jb2xvcj0iI2ZkYzM1ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU3JSIgc3RvcC1jb2xvcj0iI2Y4OGExMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmODhhMTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}
.lt-msie9 .hn-btnOrange{
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdc35e', endColorstr='#f88a10',GradientType=0 );
}
.hn-btnOrange:hover{
	color: #54230c;
	background: #fed68e;
	background: #fde7c1; /* Old browsers */
	background: -moz-linear-gradient(top, #fde7c1 1%, #ffb361 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fde7c1), color-stop(100%,#ffb361)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fde7c1 1%,#ffb361 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fde7c1 1%,#ffb361 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fde7c1 1%,#ffb361 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fde7c1 1%,#ffb361 100%); /* W3C */
}
.msie9 .hn-btnOrange:hover{
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZDY4ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQyJSIgc3RvcC1jb2xvcj0iI2ZlZDY4ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU3JSIgc3RvcC1jb2xvcj0iI2ZhYWQ1NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYWFkNTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}
.lt-msie9 .hn-btnOrange:hover{
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fed68e', endColorstr='#faad56',GradientType=0 ); /* IE6-8 */
}


/*
 * Icones
 */
.glyphIcon{
	display: inline-block; *display: inline; zoom: 1;
	width: 24px;
	height: 24px;
	margin-right: 5px; 
	vertical-align: middle;
	background: url('../img/layout/icons/glyphIcons.png') top left;
}
.glyphIcon.glyphPrint{ background-position: 24px 0px; }
a:hover .glyphIcon.glyphPrint{ background-position: 24px -24px; }
.glyphIcon.glyphBack{	background-position: 0px 0px; }
a:hover .glyphIcon.glyphBack{	background-position: 0px -24px; }



/*
 * Fenêtres virtuelles
 */
.hn-boxTitle
{
  border: 1px solid #5D8199;
  border-radius: 5px 5px 0px 0px;
	background: #8ad6ff; /* Old browsers */
	background: -moz-linear-gradient(top, #8ad6ff 0%, #5eafdf 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ad6ff), color-stop(100%,#5eafdf)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #8ad6ff 0%,#5eafdf 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #8ad6ff 0%,#5eafdf 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #8ad6ff 0%,#5eafdf 100%); /* IE10+ */
	background: linear-gradient(to bottom, #8ad6ff 0%,#5eafdf 100%); /* W3C */
	font-size: 16px;
  padding: 5px;
	font-weight: bold;
	color: #153E55;
}
.msie9 .hn-boxTitle{
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhhZDZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1ZWFmZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}
.lt-msie9 .hn-boxTitle{
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ad6ff', endColorstr='#5eafdf',GradientType=0 );
}
.hn-boxTitle img.icon{
	float: left;
	margin-top: -2px;
	margin-right: 5px;
	vertical-align: top;
}
.hn-boxTitle .closeButton{
	float: right;
	width: 16px; 
	height: 16px;
	cursor: pointer;
	margin-top: 2px !important;
	background: url('../img/layout/icons/close2.png') top right no-repeat;
	padding-right: 48px !important;
	font-size: 13px;
	font-weight: normal;
}
#langDE .hn-boxTitle .closeButton{ width: 33px; }
.hn-boxTitle .closeButton:hover{ color: white; background-position: bottom right; }
.hn-boxContent
{
  background: #E7F3FF;
  border: 1px solid #5D8199;
  border-radius: 0 0 5px 5px;
  font-size: 12px;
  padding: 10px 10px 20px 10px;
}
.hn-boxContent .hn-boxActions{ 
	text-align: center; 
	margin-top: 25px;
}