@CHARSET "UTF-8";

*{
    margin:0;
    padding:0;
}

img{
    border:0;
}

body {
    font-family: Arial, sans-serif;
    font-size: 14px;
    background:url("http://intranet.agencemdsante.com/employes/images/bg_baby3.jpg") center top no-repeat #FFF;
}
body.no-bg{
    background: none;
}

#wrap {
    width: 990px;
    margin:0px auto 50px;
    display: block;
    position: relative;
    z-index: 1;
}

#header {
    margin: 0 auto;
    width: 990px; 
    padding:0px;
    display : block;
    height: 170px; 
    position: relative;
    background:url("http://intranet.agencemdsante.com/employes/images/header_bg.png") center top no-repeat transparent;
    z-index: 9;
}

#content-wrap{
    width:95%;
    margin:0 auto;
}
#content-wrap table{
    margin:0 auto;
}

#h-left{
    float:left;
    display: inline-block;
    position: relative;
    width:190px;
}
#h-left img {
    margin:10px 15px;
}

#h-right{
    float:left;
    display: inline-block;
    position: relative;
    width: 745px;
}

.login #logout{
	float:right;
	margin-right: 12px;
}

#h-right.login p{
    text-align: center;
    font-size: 20px;
    margin:10px 0;
}

.center {
    text-align: center;
}
.right {
    float:right;
}
#logout{
    float:left;
    margin:12px 0px 0px 25px;
    font-size: 16px;

}
#logout a{
    text-decoration: none;
    color:#000;
}

#logout a:hover{
    text-decoration: underline;
}

#message{
    width:100%;
    display: block;
    margin:50px 0px 0px;
    font-size: 22px;
}

#header #menu{
    display:block;
    float:left;
    height:35px;
}
#header #nav {

    display:block;
    right:0px;
    margin: 0;
    padding: 0;
    z-index: 9;
}

#header #nav li {
    list-style: none;
    width: 175px;
    padding-right:2px;
    position:relative;
    text-align: center;
    cursor: pointer;
    z-index: 9;
    float: left;
}

#header #nav li a {
    display: block;
    height: 35px;
    color:#FFF;
    font-size:16px;
    background-color:#d90d2c;
    text-transform:uppercase;
    text-decoration: none; 
    border-radius:0px 0px 10px 10px;
    z-index:9;
    position:relative;
    line-height: 35px;
}
#header #nav li:hover a {
    background:url("http://intranet.agencemdsante.com/employes/images/link_bg.jpg") 0 0 repeat-x;
    color:#d90d2c;
}

#header #nav li ul {
    display: none;
    z-index: 8;
    margin:0;
    padding:0;
    width: 100%;
    background:#d90d2c;
    border-top:none;
    position: relative;
    border-radius:0px 0px 10px 10px;
}

#header #nav li div.arrow{
    display:none;
    z-index:9;
    left:50%;
    margin-left:-8px;
    position:absolute;
    border-color:#cfcfcf transparent transparent transparent;
    border-style:solid;
    border-width:8px;
    width:0;
    height:0;
}
#header #nav li:hover div.arrow{
    display: block;
}

#header #nav li ul li {
    float: none;
    z-index:8;
    padding:0;
    position:relative;
    text-align: left;
}

#header #nav li ul li.last{
    border-top:1px solid #EC8696;
    height: 10px;
}
#header #nav li ul li a {
    border-radius:0;
    padding: 0px;
    font-size:12px;
    text-align: center;
    height: 35px;
    line-height: 35px;
    text-decoration: none;
    width: 100%;
    position: relative;
    display: block;
    color:#FFF;
}

#header #nav li:hover ul li a {
    background: none;
    color:#FFF;
    border-top:1px solid #EC8696;
}

#header #nav li:hover ul {
    position: relative;
    display : block;
    margin: 0;
    padding: 0;
    display: block;
}

#header ul li ul li:first-child {
    width:100%;
    position: absolute;
    z-index:-1;
    top:-10px;
    display:block;
    height: 10px;
    background-color: #d90d2c;
}

#header ul li ul li:hover a {
    background-color: #000 !important;
}
#header ul:hover li ul {
    display: block;
    z-index:8;
}

#login-box, #resetpassword-box{
    width: 362px;
    margin: 0 auto;
}
#resetpassword-box {
	position:relative;
    width:525px;
}

#input-spec{
	position: absolute;
	padding:5px;
	background-color:#fff;
	border:1px solid #cfcfcf;
	right:-58%;
	top:20%;
}
#input-spec .arrow-left{
	z-index:9;
	margin-left:-8%;
	top:50%;
	margin-top:-8px;
    position:absolute;
    border-color:transparent #cfcfcf transparent transparent;
    border-style:solid;
    border-width:8px;
    width:0;
    height:0;
}
#input-spec .arrow-left:before{
	z-index:9;
	margin-left:-0.55em;
	margin-top:-9px;
    position:absolute;
    border-color:transparent #FFF transparent transparent;
    border-style:solid;
    border-width:9px;
    display:block;
    content:"";
    width:0;
    height:0;
}

#input-spec ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#input-spec ul li{
	font-style: italic;
}

#msg-err{
    width:50%;
    padding:1%;
    background-color:#fff;
    border:1px solid #cfcfcf;
    margin:10px auto;
    display:block;
    text-align: center;
    color:#d90d2c;
}

#page-msg{
    width:50%;
    padding:1%;
    background-color:#fff;
    border:1px solid #cfcfcf;
    margin:10px auto;
    display:block;
    text-align: center;
}

#login-box label, #resetpassword-box label {
    display:inline-block;
    min-width:115px;
    float:right;
    font-size: 16px;	
}
.obs-input-form{
	width:350px;
}
#login-box input[type=text],#login-box input[type=password],
#resetpassword-box input[type=text],#resetpassword-box input[type=password]{
    width: 205px;
    padding:10px;
    display:block;
    border-radius:4px;
    font-size:16px;
    margin:5px;
    border:1px solid #cfcfcf;
}

#login-box input[type=submit],
#resetpassword-box input[type=submit]
{
    width: 225px;
    padding:10px;
    display:block;
    border-radius:4px;
    background:url("http://intranet.agencemdsante.com/employes/images/link_bg.jpg") 0 top repeat-x;
    font-size:16px;
    margin:5px;
    border:1px solid #cfcfcf;
    cursor: pointer;
}

input[type=text],input[type=password]{
    border:1px solid #cfcfcf;
    padding: 2px;
    margin: 5px;
}

#login-box input[type=submit]:hover,
#resetpassword-box input[type=submit]:hover{
    border-color: #666666;
}

#page-title {
    text-align: center;
}
#page-title h1{
    font-size: 24px;
    font-weight: normal;
}

#content {
    display: block;
    position: relative;
    z-index: 1;
    width: 990px;
}

#content p {
    padding:10px 0;
}

br {
    clear: both;
}

.box{
    display: block;
    margin:20px auto;
}

#bg-footer{
    width:100%;
    position:fixed;
    z-index:99;
    bottom:0;
    height: 40px;
    background: url("http://intranet.agencemdsante.com/employes/images/bg_footer.png") 0 0 repeat-x;
}

#footer {
    width:990px;
    margin: 0 auto;
    display: block;
    line-height: 40px;
}
#footer a {
    color:#A8A8A8;
    float:left;
    padding:0 10px;
    text-decoration:none;
    display: block;
    border-left:1px solid #545454;
}
#footer a:hover{
    color:#fff;
}
#forgotpasswd {
    text-decoration: none;
    color: black;
    font-size:10px;
    font-style:italic;
    margin-right: 5px;
}
#forgotpasswd:hover {
    text-decoration:underline;
}