/* ::::: http://localhost:8081/hades/js/jQueryUI/jquery-ui.css ::::: */

.ui-helper-clearfix::before, .ui-helper-clearfix::after { content: ""; display: table; border-collapse: collapse; }
.ui-helper-clearfix::after { clear: both; }
.ui-helper-clearfix { min-height: 0px; }
.ui-front { z-index: 100; }
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.ui-button { display: inline-block; position: relative; padding: 0px; line-height: normal; margin-right: 0.1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible; }
.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; }
.ui-button-icon-only { width: 2.2em; }
button.ui-button-icon-only { width: 2.4em; }
.ui-button .ui-button-text { display: block; line-height: normal; }
.ui-button-text-only .ui-button-text { padding: 0.4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: 0.4em; text-indent: -1e+7px; }
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0px none; padding: 0px; }
.ui-dialog { overflow: hidden; position: absolute; top: 0px; left: 0px; padding: 0.2em; outline: 0px none; }
.ui-dialog .ui-dialog-titlebar { padding: 0.4em 1em; position: relative; }
.ui-dialog .ui-dialog-title { float: left; margin: 0.1em 0px; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 0.3em; top: 50%; width: 20px; margin: -10px 0px 0px; padding: 1px; height: 20px; }
.ui-dialog .ui-dialog-content { position: relative; border: 0px none; padding: 0.5em 1em; background: transparent none repeat scroll 0% 0%; overflow: auto; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0px 0px; background-image: none; margin-top: 0.5em; padding: 0.3em 1em 0.5em 0.4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: 0.5em 0.4em 0.5em 0px; cursor: pointer; }
.ui-widget { font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid rgb(221, 221, 221); background: rgb(238, 238, 238) url('ui-bg_highlight-soft_100_eeeeee_1x100.png') repeat-x scroll 50% top; color: rgb(51, 51, 51); }
.ui-widget-header { border: 1px solid rgb(231, 143, 8); background: rgb(246, 168, 40) url('ui-bg_gloss-wave_35_f6a828_500x100.png') repeat-x scroll 50% 50%; color: rgb(255, 255, 255); font-weight: bold; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid rgb(204, 204, 204); background: rgb(246, 246, 246) url('ui-bg_glass_100_f6f6f6_1x400.png') repeat-x scroll 50% 50%; font-weight: bold; color: rgb(28, 148, 196); }
.ui-icon { width: 16px; height: 16px; }
.ui-icon, .ui-widget-content .ui-icon { background-image: url('ui-icons_222222_256x240.png'); }
.ui-widget-header .ui-icon { background-image: url('ui-icons_ffffff_256x240.png'); }
.ui-state-default .ui-icon { background-image: url('ui-icons_ef8c08_256x240.png'); }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px; }
/* ::::: http://localhost:8081/hades/SGMA/css/reseter.css ::::: */

* { box-sizing: border-box; outline: medium none; }
html, body { margin: 0px; padding: 0px; }
span, a { display: inline-block; }
/* ::::: http://localhost:8081/hades/SGMA/css/normalize.css ::::: */

html { font-family: sans-serif; }
body { margin: 0px; }
audio:not([controls]) { display: none; height: 0px; }
a { background-color: transparent; }
a:active, a:hover { outline: 0px none; }
svg:not(:root) { overflow: hidden; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0px; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0px none; padding: 0px; }
input { line-height: normal; }
/* ::::: http://localhost:8081/hades/SGMA/css/login.css ::::: */

@font-face {
	font-family: "HelveticaNeue";
	font-style: normal;
	font-weight: normal;
	/*src: url("./fonts/HelveticaNeueLTCom Roman.TTF") format("truetype");*/
	src: url("helveticaneueltcomroman.ttf") format("truetype");
}
.login-img1 { background-image: url('login-img1.jpg'); }
.login-img1, .login-img2, .login2-img1, .login3-img1, .login-fond1, .login-fond2, .login-fond3, .login-fond4, .login-fond5 { background-repeat: no-repeat; background-size: cover; }
.login-header { height: 100px; width: 1200px; padding-left: 15px; margin: 20px auto; padding-right: 15px; }
.login-header .container { height: 100px; width: 1170px; }
.login-header .container .left { background-image: -moz-linear-gradient(90deg, rgb(212, 212, 212) 0%, rgb(255, 255, 255) 100%); opacity: 0.902; width: 284px; height: 106px; float: left; border-radius: 5px; }
.login-header .container .separator { height: 106px; width: 2px; float: left; }
.login-header .container .left .logo { height: 100px; width: 100%; background-image: url('logo.png'); background-repeat: no-repeat; background-size: 250px auto; background-position: center center; }
.login-header .container .right { background-image: -moz-linear-gradient(90deg, rgb(212, 212, 212) 0%, rgb(255, 255, 255) 100%); opacity: 0.902; width: 884px; height: 106px; float: left; border-radius: 5px; }
.login-header .text { color: rgb(76, 75, 75); line-height: 100px; vertical-align: middle; margin-left: 20px; text-decoration: none; font-size: 25px; }
.login-footer { height: 62px; width: 1200px; margin: 20px auto; padding-left: 15px; padding-right: 15px; }
.login-footer .container { background-image: -moz-linear-gradient(90deg, rgb(212, 212, 212) 0%, rgb(255, 255, 255) 100%); opacity: 0.902; height: 62px; width: 1170px; border-radius: 5px; }
.login-footer .website-url { color: rgb(193, 8, 43); line-height: 62px; vertical-align: middle; margin-left: 20px; margin-right: 215px; text-decoration: none; }
.login-footer .link { font-size: 17px; color: rgb(76, 75, 75); line-height: 62px; transform: matrix(1.14348, 0, 0, 1.14348, 0, 0); text-decoration: none; vertical-align: middle; margin-left: 20px; margin-right: 20px; }
.login-footer .separator { width: 1px; height: 21px; background-color: rgb(76, 75, 75); line-height: 62px; text-decoration: none; vertical-align: middle; }
.login-box { position: relative; padding-top: 30px; background-image: -moz-linear-gradient(90deg, rgb(212, 212, 212) 0%, rgb(255, 255, 255) 100%); opacity: 0.949; box-shadow: 2.5px 4.33px 5px 0px rgba(1, 1, 1, 0.133); width: 370px; height: 186px; margin: 135px auto 155px; border-radius: 5px; }
.login-box .input-field { border-width: 2px; border-color: rgb(181, 181, 181); border-style: solid; border-radius: 9px; background-color: rgb(255, 255, 255); width: 324px; height: 41px; padding: 8px; }
.login-box .input-field:disabled { background-color: transparent; }
.login-box .button-field { border-width: 2px; border-color: rgb(226, 12, 53); border-style: solid; border-radius: 9px; background-image: -moz-linear-gradient(90deg, rgb(227, 14, 54) 0%, rgb(186, 7, 41) 100%); width: 126px; height: 40px; font-size: 14px; font-family: "HelveticaNeue"; color: rgb(255, 255, 255); text-transform: uppercase; line-height: 40px; position: relative; margin-top: 20px; margin-right: 20px; text-align: left; }
.login-box .button-field .triangle-right { background-image: url('triangle-right.png'); background-repeat: no-repeat; background-size: contain; width: 9px; height: 14px; margin-left: 20px; position: absolute; left: 80px; top: 13px; }
.login-box .text { font-size: 14px; font-family: "HelveticaNeue"; color: rgb(76, 75, 75); line-height: 40px; margin-left: 30px; }
.button-headset { border-width: 2px; border-color: rgb(226, 12, 53); border-style: solid; border-radius: 9px; background-color: rgba(255, 255, 255, 0.8); width: 160px; height: 40px; font-size: 15px; font-family: "HelveticaNeue"; color: rgb(226, 13, 53); text-transform: uppercase; line-height: 36px; position: relative; margin-top: 25px; text-indent: 15px; float: left; cursor: pointer; }
.button-headset .headset { background-image: url('headset.png'); background-repeat: no-repeat; background-size: contain; width: 20px; height: 20px; margin-left: 20px; position: absolute; top: 10px; left: -10px; }
.button-demo { border-width: 2px; border-color: rgb(226, 12, 53); border-style: solid; border-radius: 9px; background-color: rgba(255, 255, 255, 0.8); width: 180px; height: 40px; font-size: 15px; font-family: "HelveticaNeue"; color: rgb(226, 13, 53); text-transform: uppercase; line-height: 36px; position: relative; margin-top: 25px; /*text-indent: 10px;*/ float: right; cursor: pointer; }
.text-right { text-align: right; }
.text-center { text-align: center; }
/* ::::: http://localhost:8081/hades/SGMA/css/jquery-ui-rewi-login.css ::::: */

.ui-dialog { font-family: inherit; background: transparent none repeat scroll 0px center; border: 0px none; margin-left: -150px; padding: 0px; }
.ui-dialog-titlebar { height: 38px; background: rgba(229, 1, 47, 0.8) none repeat scroll 0px center padding-box; border: 0px none; border-radius: 9px 9px 0px 0px; }
.ui-dialog-titlebar .ui-dialog-title { color: rgb(255, 255, 255); font-family: sans-serif; font-size: 17px; font-weight: normal; }
.ui-dialog-content { background-image: linear-gradient(23deg, rgb(0, 0, 0) 0%, rgb(255, 255, 255) 0%, rgb(239, 239, 239) 0%, rgb(255, 255, 255) 100%); padding: 20px; }
#hotlineBox { background-color: rgba(239, 239, 239, 0.8); border: 0px none; margin: 0px; padding: 10px; text-align: center; }
.ui-dialog-buttonpane { background-color: rgba(239, 239, 239, 0.8); border: 0px none; margin: 0px; padding: 10px; }
.ui-dialog-buttonpane .ui-dialog-buttonset { border-top: 1px solid rgba(139, 139, 139, 0.6); padding: 10px; }
.ui-dialog-buttonpane .ui-button { height: 38px; border-radius: 9px; background-clip: padding-box; background-image: -moz-linear-gradient(center bottom , rgb(229, 2, 47) 0%, rgb(188, 0, 35) 100%); cursor: pointer; text-decoration: none; display: inline-block; padding: 0px 30px; margin: 0px 10px; }
.ui-dialog-buttonpane .ui-button .ui-button-text { line-height: 36px; font-family: sans-serif; font-size: 17px; color: rgb(255, 255, 255); text-transform: uppercase; margin: 0px auto; padding: 0px; font-weight: normal; }
.ui-dialog .ui-dialog-buttonpane { margin-top: 0px; }
.no-close .ui-dialog-titlebar-close { display: none; }



/* ::::: http://localhost:8081/hades/js/jQueryUI/jquery-ui.css ::::: */

.ui-helper-clearfix::before, .ui-helper-clearfix::after { content: ""; display: table; border-collapse: collapse; }
.ui-helper-clearfix::after { clear: both; }
input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0px none; padding: 0px; }
/* ::::: http://localhost:8081/hades/SGMA/css/reseter.css ::::: */

* { box-sizing: border-box; outline: medium none; }
html, body { margin: 0px; padding: 0px; }
span, a { display: inline-block; }
/* ::::: http://localhost:8081/hades/SGMA/css/normalize.css ::::: */

html { font-family: sans-serif; }
body { margin: 0px; }
audio:not([controls]) { display: none; height: 0px; }
a { background-color: transparent; }
a:active, a:hover { outline: 0px none; }
svg:not(:root) { overflow: hidden; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0px; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0px none; padding: 0px; }
input { line-height: normal; }
/* ::::: http://localhost:8081/hades/SGMA/css/login.css ::::: */

@font-face {
	font-family: "HelveticaNeue";
	font-style: normal;
	font-weight: normal;
	/*src: url("./fonts/HelveticaNeueLTCom Roman.TTF") format("truetype"); */
	src: url("helveticaneueltcomroman.ttf") format("truetype");

}
.login-fond2 { background-image: url('fond-2.jpg'); }
.login-img1, .login-img2, .login2-img1, .login3-img1, .login-fond1, .login-fond2, .login-fond3, .login-fond4, .login-fond5 { background-repeat: no-repeat; background-size: cover; }
.login-header { height: 100px; width: 1200px; padding-left: 15px; margin: 20px auto; padding-right: 15px; }
.login-header .container { height: 100px; width: 1170px; }
.login-header .container .left { background-image: -moz-linear-gradient(90deg, rgb(212, 212, 212) 0%, rgb(255, 255, 255) 100%); opacity: 0.902; width: 284px; height: 106px; float: left; border-radius: 5px; }
.login-header .container .separator { height: 106px; width: 2px; float: left; }
.login-header .container .left .logo { height: 100px; width: 100%; background-image: url('logo.png'); background-repeat: no-repeat; background-size: 250px auto; background-position: center center; }
.login-header .container .right { background-image: -moz-linear-gradient(90deg, rgb(212, 212, 212) 0%, rgb(255, 255, 255) 100%); opacity: 0.902; width: 884px; height: 106px; float: left; border-radius: 5px; }
.login-header .text { color: rgb(76, 75, 75); line-height: 100px; vertical-align: middle; margin-left: 20px; text-decoration: none; font-size: 25px; }
.login-footer { height: 62px; width: 1200px; margin: 20px auto; padding-left: 15px; padding-right: 15px; }
.login-footer .container { background-image: -moz-linear-gradient(90deg, rgb(212, 212, 212) 0%, rgb(255, 255, 255) 100%); opacity: 0.902; height: 62px; width: 1170px; border-radius: 5px; }
.login-footer .website-url { color: rgb(193, 8, 43); line-height: 62px; vertical-align: middle; margin-left: 20px; margin-right: 215px; text-decoration: none; }
.login-footer .link { font-size: 17px; color: rgb(76, 75, 75); line-height: 62px; transform: matrix(1.14348, 0, 0, 1.14348, 0, 0); text-decoration: none; vertical-align: middle; margin-left: 20px; margin-right: 20px; }
.login-footer .separator { width: 1px; height: 21px; background-color: rgb(76, 75, 75); line-height: 62px; text-decoration: none; vertical-align: middle; }
.login-box { position: relative; padding-top: 30px; background-image: -moz-linear-gradient(90deg, rgb(212, 212, 212) 0%, rgb(255, 255, 255) 100%); opacity: 0.949; box-shadow: 2.5px 4.33px 5px 0px rgba(1, 1, 1, 0.133); width: 370px; height: 186px; margin: 135px auto 155px; border-radius: 5px; }
.login-box.login2 { height: 260px; }
.login-box .input-field { border-width: 2px; border-color: rgb(181, 181, 181); border-style: solid; border-radius: 9px; background-color: rgb(255, 255, 255); width: 324px; height: 41px; padding: 8px; }
.login-box .input-field:disabled { background-color: transparent; }
.button-valider { border-width: 2px; border-color: rgb(226, 12, 53); border-style: solid; border-radius: 9px; background-image: -moz-linear-gradient(90deg, rgb(227, 14, 54) 0%, rgb(186, 7, 41) 100%); width: 126px; height: 40px; font-size: 14px; font-family: "HelveticaNeue"; color: rgb(255, 255, 255); text-transform: uppercase; line-height: 40px; position: relative; margin: 20px; text-align: left; text-indent: 40px; }
.button-valider .head { background-image: url('head.png'); background-repeat: no-repeat; background-size: contain; width: 32px; height: 33px; margin-left: 0px; position: absolute; left: 5px; top: 2px; }
.button-retour { border-width: 2px; border-color: transparent; border-style: solid; border-radius: 9px; width: 126px; height: 40px; font-size: 15px; font-family: "HelveticaNeue"; color: rgb(227, 14, 54); text-transform: uppercase; line-height: 40px; position: relative; margin: 20px; text-align: left; text-indent: 40px; }
.button-retour .arrow { background-image: url('triangle-left-red.png'); background-repeat: no-repeat; background-size: contain; width: 10px; height: 15px; margin-left: 0px; position: absolute; left: 25px; top: 13px; }
.login-box .text { font-size: 14px; font-family: "HelveticaNeue"; color: rgb(76, 75, 75); line-height: 40px; margin-left: 30px; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.float-left { float: left; }
.float-right { float: right; }
/* ::::: http://localhost:8081/hades/SGMA/css/jquery-ui-rewi-login.css ::::: */

