@CHARSET "UTF-8";

html, body
{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: 1em;
	/*background-color: #7A7A7A;*/
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #53483E),
		color-stop(1, #7A6A5B)
	);
	background-image: -o-linear-gradient(bottom, #53483E 0%, #7A6A5B 610px);
	background-image: -moz-linear-gradient(bottom, #53483E 0%, #7A6A5B 610px);
	background-image: -webkit-linear-gradient(bottom, #53483E 0%, #7A6A5B 610px);
	background-image: -ms-linear-gradient(bottom, #53483E 0%, #7A6A5B 610px);
	background-image: linear-gradient(to bottom, #53483E 0%, #7A6A5B 610px);
	background-image: linear-gradient(to bottom, #53483E 0%, #7A6A5B 100%);
	overflow:hidden;
}

* {
	outline: none;
}

#loadingOverlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1001;
	display: block;
	background: #fff;
}
.loadingMessage {
	background: #fff url('../images/loadingAnimation.gif') no-repeat 10px 23px;
	padding: 25px 0px 25px 40px;
	color: #999;
	margin: 5em auto;
	width: 200px;
}
.progressIcon
{
	background: url('../images/ajax-loader.gif') 0 0 no-repeat;
	min-height: 32px;
	padding: 6px 0 0 36px;
}
#appRoot
{
	height: 100%;
	overflow: auto;
}
#page
{
	width: 919px; /* 895+2x12 */
	margin: 0 auto;
}
#header
{
	position: relative;
	width: 919px;
	margin: 0 auto;
	padding: 0;
	overflow:hidden;
}
#headerLine
{
	background-color: #004c99;
	height: 0;
}
#banner {
	position: relative;
	width: 900px;
	margin: 0 auto;
	overflow:hidden;
	height: 130px;
}
#logo {
	position:relative;
	top: 20px;
	width: 137px;
	height: 67px;
	box-shadow: 2px 1px 4px 2px rgba(0,0,0,0.27);
}
#logo img
{
	border: none;
}
#appName {
	position: absolute;
	top: 20px;
	left: 392px;
	height: 31px;
	width: 115px;
	background: url("../images/VIN_loginut.png") 0 0 no-repeat;
}
#baseline {
	position: absolute;
	top: 74px;
	left: 148px;
	font: bold 11px/9px verdana,Geneva,sans-serif;
	height: 9px;
	white-space: nowrap;
	color: #ffffff;
}
#content
{
	border: none;
	font-size: 0.875em;
}
#centeredContent {
	position: relative;
	margin-right: 12px;
}
.innerContent
{
	padding: 1em;
	background-color: #e2e6e5;
	box-shadow: -1px 0 5px 1px #444;
}
#footer
{
	width: 907px;
	box-shadow: 2px 0 6px #444;
	background-color: #fff9f9;
	height: 80px;
}
.footnote
{
	color:#0e4794;
	float:right;
	margin: 30px 20px;
	font-size: 0.688em;
	font-weight: bold;
}
.footnote a
{
	text-decoration: none;
	color: #4C569B;
}
.footnote a:hover
{
	text-decoration: underline;
}
#vetup
{
	color:#0e4794;
	padding: 30px 20px;
	font-size: 0.750em;
	font-weight: bold;
}
#vetup a
{
	text-decoration: none;
	color:#0e4794;
}
#vetup a:hover
{
	text-decoration: underline;
}

/** SETTINGS **/
#settings
{
	position: absolute;
	top: 0;
	right: 12px;
	width: 365px;
	overflow:hidden;
	color: white;
	font-size: 0.675em;
	font-weight: bold;
	text-align:right;
}
#settings a
{
	padding-top:1em;
	text-decoration: none;
	color: white;
}
#settings a:hover
{
	text-decoration: underline;
}
.settingsButton
{
	float: right;
	background: url('../images/ViN_topFondOutils.png') no-repeat 0 0;
	width: 57px;
	height: 46px;
	margin-left: 1px;
	cursor: pointer;
}
.settingsButtonDisabled
{
	cursor: default;
}
.settingsInfo
{
	margin: 1em;
}
.btnWarn
{
	background: url('../images/ViN_alert.png') no-repeat 15px 11px;
	width: 57px;
	height: 46px;
}
.settingsButtonDisabled .btnWarn
{
	opacity: 0.25;
}
#divLogout {
	margin-left: 1em;
}
.btnLogout
{
	background: url('../images/ViN_deco.png') no-repeat 14px 9px;
	width: 57px;
	height: 46px;
}
.btnLogoutOver
{
	background-image: url('../images/ViN_deco_on.png');
}
.settingsButtonDisabled .btnLogout
{
	opacity: 0.25;
}
#divLang {
	position: relative;
}
#divLang > label {
	position: absolute;
	bottom: 6px;
	left: 6px;
	font-size: 0.915em;
	font-weight: bold;
	color: #0e4794;
}
.btnLang
{
	background: url('../images/ViN_lang.png') no-repeat 16px 4px;
	width: 57px;
	height: 46px;
}
.btnLangOver, #divLang:hover > .btnLang
{
	background-image: url('../images/ViN_lang_on.png');
}
.settingsButton.dijitDropDownButton {
	margin: 0 !important;
}
.settingsButton.dijitDropDownButton .dijitButtonNode {
	background: none !important;
	color: #0e4794 !important;
	border-radius: 8px !important;
	border: none !important;
	padding: 0 !important;
	min-height: 24px !important;
	box-shadow: none !important;
}
.settingsButton.dijitDropDownButton .dijitButtonNode .dijitArrowButtonInner {
	display: none;
}
.settingsButton.dijitDropDownButtonHover .dijitButtonNode {
	-webkit-transition-duration: 0.3s !important;
	-moz-transition-duration: 0.3s !important;
	transition-duration: 0.3s !important;
	background-color: none !important;
}
.settingsMenu.dijitMenu {
	border-color: #caccd4;
	background: white;
	color: #0e4794;
	font-size: 0.915em;
}
.settingsMenu .dijitMenuItemHover,
.settingsMenu .dijitMenuItemSelected {
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
	background: #eeeff4;
}
.settingsMenu .dijitMenuItemHover td,
.settingsMenu .dijitMenuItemSelected td {
	background: none !important;
}
.settingsMenu .dijitMenuItemLabel {
	font-size: 0.825em !important;
	color: #0e4794 !important;
	padding: 6px 12px !important;
}
.settingsMenu .selected .dijitMenuItemLabel {
	font-weight: bold;
}
.settingsMenu .dijitMenuItemLabel,
.settingsMenu .dijitMenuArrowCell,
.settingsMenu .dijitMenuItemIconCell {
	border: none !important;
}
.settingsMenu .dijitMenuArrowCell {
	display: none !important;
}
.dijitPopup.dijitMenuPopup {
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.06)
}

.adminMenu
{
	float: right;
	margin: 1em;
	color: #800000;
}
.adminMenu a
{
	color: #F06060 !important;
}

/** NAV BAR **/
#navBar {
	position:relative;
	top: 36px;
	left: 80px;
}
.navLink {
	display:block;
	float:left;
	font-size: 0.813em;
	color: white;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	padding: 2px 12px;
	border: solid 1px transparent;
}
.navLinkSeparator {
	padding: 2px 4px;
}
a.navLink:Hover {
	background-color: #3e362e;
	color: white;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
	background-repeat: repeat-x;
	border: solid 1px #3e362e;
}
.navLinkSelected {
	background-color: #3e362e;
	color: white;
	background-repeat: repeat-x;
	border: solid 1px #3e362e;
}
.navLinkSelected.navLinkDisabled {
	background-color: #3e362e;
	background-repeat: repeat-x;
	border: solid 1px #3e362e;
	opacity: 0.5;
}
.navLinkDisabled {
	background-color: none;
	color: #cecece;
	opacity: 0.5;
}

div.mainTitle
{
	color: white;
	font-weight: bold;
	font-size: 1em;
	margin: 0;

	background: #004c99;
	
	padding: 6px 6px 6px 12px;
	border: none;
	box-shadow: 2px 0 6px #444444;
}
h1
{
	color: white;
	font-size: 1em;
	margin: 0;

	background: url('../images/ViN_grip.png') no-repeat 60px 4px;
	padding: 0 0 4px 112px;
}
h2 {
	font-size: 0.938em;
}
h3 {
	font-size: 0.875em;
}
h4 {
	font-size: 0.813em;
}
h1, h2, h3, h4
{
	font-weight: bold;
}
h1.normal, h2.normal, h3.normal, h4.normal
{
	font-weight: normal;
}

.textcenter
{
	text-align:center;
}
.warning
{
	font-style: italic;
	font-size: 0.813em;
	color: darkRed;
	background-color:lightYellow;
	padding: 0.5em;
}
.error {
	color: darkRed;
}

a.smallLink
{
	font-size: 0.625em;
	text-decoration:none;
	color: #003f8f;
}
a.smallLink:Hover { text-decoration:underline; }

.hidden {
	display: none;
}
img {
	border: none;
}

/** Software update notifications */
.softwareUpdatesTopContainer {
	position: absolute;
	top: 54px;
	right: 80px;
	width: 416px;
}
.softwareUpdatesContainer {
	position: relative;
	margin: 0 auto;
	width: 300px;
	background: #fcf1cf;
	color: #3e362e;
	font-size: 0.688em;
	text-align: center;
	border: solid 1px grey;
	border-top: none;
	/*border-radius: 0 0 8px 8px;*/
	border-radius: 8px;
	box-shadow: 2px 0px 6px 0px rgba(0, 0, 0, 0.33);
	-webkit-transition: all 1s ease-in;
	-moz-transition: all 1s ease-in;
	-o-transition: all 1s ease-in;
	transition: all 0.4s ease-in;
	padding: 4px 12px 4px 8px;
	opacity: 1;
	top: 0;
}
.softwareUpdatesContainer.disabled {
	top: -100px;
	opacity: 0;
}
/*.softwareUpdatesContainer > span {
	font-size: smaller;
}*/
.softwareUpdatesContainer > span:hover {
	text-decoration: underline;
	cursor: pointer;
}
.softwareUpdatesContainer > .close {
	position: absolute;
	top: 0;
	right: 0;
	color: grey;
	-webkit-transition: border 0.2s ease;
	-moz-transition: border 0.2s ease;
	-o-transition: border 0.2s ease;
	transition: border 0.2s ease;
	cursor: pointer;
	padding: 0 4px;
}
.softwareUpdatesContainer > .close:hover {
	border: solid 1px grey;
	border-radius: 0 6px 0 0;
}
.softwareUpdatesDialog {
	min-width: 400px;
}
.softwareUpdatesDialog .dijitDialogPaneActionBar label {
	font-size: 0.825em;
	margin-right: 1em;
}
#softwareUpdatesDialogImg {
	text-align: center;
	padding: 1em;
}
#softwareUpdatesDialogImg img {
	border: none;
}
/** TOGGLE BUTTONS & BUTTONS */
.claro .dijitButtonText
{
	color: #004b9b;
	font-size: 0.875em;
	padding: 0.4em 0.75em 0 !important;
}
.claro .dijitButtonDisabled .dijitButtonText, .claro .dijitToggleButtonDisabled .dijitButtonText
{
	color: #606060;
	opacity: 0.5;
}

.claro .dijitToggleButtonChecked .dijitButtonText, /*.claro .dijitToggleButtonHover .dijitButtonText, .claro .dijitToggleButtonActive .dijitButtonText,*/
.claro .dijitButtonHover .dijitButtonText, .claro .dijitButtonActive .dijitButtonText
{
	color: white;
	font-size: 0.875em;
	padding: 0.4em 0.75em 0 !important;
}
.claro .dijitToggleButton .dijitButtonNode, .claro .dijitButton .dijitButtonNode
{
	-moz-border-radius: 12px !important;
	border-radius: 12px !important;
	border: solid 1px #afb6b3 !important;
	
	background: none !important;
	
	background-image: linear-gradient(bottom, #FFFFFF 16%, #C8C8C8 67%) !important;
	background-image: -o-linear-gradient(bottom, #FFFFFF 16%, #C8C8C8 67%) !important;
	background-image: -moz-linear-gradient(bottom, #FFFFFF 16%, #C8C8C8 67%) !important;
	background-image: -webkit-linear-gradient(bottom, #FFFFFF 16%, #C8C8C8 67%) !important;
	background-image: -ms-linear-gradient(bottom, #FFFFFF 16%, #C8C8C8 67%) !important;
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.16, #FFFFFF),
		color-stop(0.67, #C8C8C8)
	) !important;
	
	box-shadow: 1px 1px 2px rgba(0,32,88,0.38) !important;
	padding: 2px 8px 6px !important;
	min-height: 24px;
}

.claro .dijitToggleButtonActive .dijitButtonNode, .claro .dijitToggleButtonChecked .dijitButtonNode,
.claro .dijitButtonActive .dijitButtonNode, .claro .dijitButtonHover .dijitButtonNode
{
	background-image: linear-gradient(bottom, rgb(0,73,150) 34%, rgb(0,51,114) 67%) !important;
	background-image: -o-linear-gradient(bottom, rgb(0,73,150) 34%, rgb(0,51,114) 67%) !important;
	background-image: -moz-linear-gradient(bottom, rgb(0,73,150) 34%, rgb(0,51,114) 67%) !important;
	background-image: -webkit-linear-gradient(bottom, rgb(0,73,150) 34%, rgb(0,51,114) 67%) !important;
	background-image: -ms-linear-gradient(bottom, rgb(0,73,150) 34%, rgb(0,51,114) 67%) !important;
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.34, rgb(0,73,150)),
		color-stop(0.67, rgb(0,51,114))
	) !important;
	
	border: solid 2px #ffffff !important;
	box-shadow: none !important;
	padding: 0px 7px 6px !important;
}
.claro .dijitToggleButtonHover .dijitButtonNode, .claro .dijitButtonHover .dijitButtonNode
{
	box-shadow: 1px 1px 2px rgba(0,32,88,0.38) !important;
}
.claro .dijitToggleButtonDisabled .dijitButtonNode, .claro .dijitButtonDisabled .dijitButtonNode
{
	background-image: linear-gradient(bottom, rgba(255,255,255,0.5) 16%, rgba(238,238,238,0.5) 67%) !important;
	background-image: -o-linear-gradient(bottom, rgba(255,255,255,0.5) 16%, rgba(238,238,238,0.5) 67%) !important;
	background-image: -moz-linear-gradient(bottom, rgba(255,255,255,0.5) 16%, rgba(238,238,238,0.5) 67%) !important;
	background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,0.5) 16%, rgba(238,238,238,0.5) 67%) !important;
	background-image: -ms-linear-gradient(bottom, rgba(255,255,255,0.5) 16%, rgba(238,238,238,0.5) 67%) !important;
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.16, rgba(255,255,255,0.5)),
		color-stop(0.67, rgba(238,238,238,0.5))
	) !important;
	border: solid 1px #afb6b3 !important;
	opacity: 0.75;
}
.claro .dijitToggleButtonCheckedDisabled .dijitButtonNode
{
	background-image: linear-gradient(bottom, rgba(0,73,150,0.6) 34%, rgba(0,51,114,0.8) 67%) !important;
	background-image: -o-linear-gradient(bottom, rgba(0,73,150,0.6) 34%, rgba(0,51,114,0.8) 67%) !important;
	background-image: -moz-linear-gradient(bottom, rgba(0,73,150,0.6) 34%, rgba(0,51,114,0.8) 67%) !important;
	background-image: -webkit-linear-gradient(bottom, rgba(0,73,150,0.6) 34%, rgba(0,51,114,0.8) 67%) !important;
	background-image: -ms-linear-gradient(bottom, rgba(0,73,150,0.6) 34%, rgba(0,51,114,0.8) 67%) !important;
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.34, rgba(0,73,150,0.6)),
		color-stop(0.67, rgba(0,51,114,0.8))
	) !important;
	border: solid 1px #afb6b3 !important;
	opacity: 0.75;
}

.dijitButton .dijitIcon.dijitNoIcon {
	height: 25px;
	width: 1px;
	display: inline-block;
}

/** POPUP DIALOG **/
.dijitDialog
{
	border: none !important;
	box-shadow: none !important;
	overflow: visible !important;
}
.dijitDialog .dijitDialogTitleBar
{
	/*background-image: linear-gradient(bottom, rgb(7,80,153) 20%, rgb(23,110,181) 76%) !important;
	background-image: -o-linear-gradient(bottom, rgb(7,80,153) 20%, rgb(23,110,181) 76%) !important;
	background-image: -moz-linear-gradient(bottom, rgb(7,80,153) 20%, rgb(23,110,181) 76%) !important;
	background-image: -webkit-linear-gradient(bottom, rgb(7,80,153) 20%, rgb(23,110,181) 76%) !important;
	background-image: -ms-linear-gradient(bottom, rgb(7,80,153) 20%, rgb(23,110,181) 76%) !important;
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.2, rgb(7,80,153)),
		color-stop(0.76, rgb(23,110,181))
	) !important;
	-moz-border-radius: 8px;
	border-radius: 8px;*/
	
	background: #004c99 !important;
	box-shadow: 1px 1px 8px 0px #606060;
	padding: 6px 6px 6px 12px !important;
	border: none !important;
	height: 28px;
}
.dijitDialog .dijitDialogTitle
{
	color: white !important;
	font-weight: bold;
	font-size: 1em !important;
	
	display: inline-block;
	margin: 4px 0 0;
	
	background: url('../images/ViN_grip.png') no-repeat 30px 5px;
	padding: 0 0 4px 82px !important;
}
.dijitDialogCloseIcon
{
	background: url('../images/ViN_fermer.png') no-repeat 0 0 !important;
	width: 29px !important;
	height: 28px !important;
	right: 20px !important;
}
.dijitDialogCloseIcon.dijitDialogCloseIconHover
{
	background: url('../images/ViN_fermer_on.png') no-repeat 0 0 !important;
}
.dijitDialog .dijitDialogPaneContent
{
	/*margin: 0 12px;*/
	background-color: #e9ebea !important;
	box-shadow: 1px 1px 8px 0px #606060;
	padding: 0 !important;
	border: none !important;
}
.dijitDialog .dijitDialogPaneContent > div
{
	padding: 10px 32px;
	font-size: 0.875em;
	line-height: 140%;
	color: #606060;
}
.dijitDialog .dijitDialogPaneContent > div.dijitDialogPaneActionBar
{
	background-color: transparent !important;
	margin: 14px 0 0 0 !important;
	border-top: solid 1px rgba(7,80,153, 0.25);
	text-align: right;
}

/** Tooltip **/
.dijitTooltipContainer
{
	color: #606060 !important;
	font-size: 0.875em !important;
}


.claro .dijitTitlePaneContentInner {
	padding: 0 !important;
}

.form_element {
	margin: 0 0 0.6em 1em;
}
.form_element label {
	display: block;
	font-size: 0.75em;
	color: #003f8f;
}
.form_element table {
	padding-top: 2px;
}
.form_element li {
	font-size: 0.688em;
	color: #800000;
	font-weight: bold;
}
.form_noLabel {
	margin-left: 150px;
}
.form_actions {
	padding: 1em;
}
.formLabel {
	color: grey;
	font-size: 0.875em;
	font-weight: bold;
}
.formInfo {
	color: darkBlue;
	font-size: 0.875em;
	font-weight: bold;
}
.form_advice {
	color: darkBlue;
	font-size: 0.875em;
	font-style: italic;
}
.CGUTitle {
	font-size: 1.8em;
	font-weight: bold;
	text-decoration: underline;
}
.CGUNormal {
	
}
#disclaimerDialog .dijitDialogPaneContent {
	overflow-x: hidden !important;
	overflow-y: scroll !important;
	
}

#cookiesBanner {
	position: absolute;
	top: 0;
	width: 100vw;
	padding: 2em;
	background: #3A312C;
	color: white;
	text-align: center;
	box-shadow: 1px 0 4px #444;
	font-size: 14px;
	line-height: 24px;
	box-sizing: border-box;
}
#cookiesBanner > a {
	color: white;
}
#cookiesBanner > a:hover {
	color: #4C569B;
}
#btnAcceptCookies {
	background: #004c99;
	color: white;
	border-radius: 8px;
	padding: 0.25em 0.5em;
	border: solid 1px #004c99;
}
#btnAcceptCookies:hover {
	border-color: white;
}