html, body {
	margin: 0;
	padding: 0;
}

.dxgv{ height:10px !important;}

/* Header */
.headerPane 
{
    background-color: #FFFFFF;
    background-position: left top;
    background-repeat: no-repeat;
    font-family: Tahoma;
}
.headerPane .headerTop
{
    height: 45px;
}
.templateTitle 
{
    float:left;
    margin-left: 15px;
    margin-top: 11px;
}
.templateTitle a 
{
    text-decoration: none;
    font-size: x-large;
    color: black;
}
.loginControl 
{
    float: right;
    margin-top: 17px;
    margin-right: 25px;
    font-size: 12px;
}
.loginControl a 
{
    color: black;
    text-decoration: none;
    border-bottom: dashed 1px black;
	display: inline-block;
}
.headerMenu 
{
    margin-top: 11px;
}


/* Footer */
.footerPane 
{
    background-color: #EDEDED;
    position:relative;
    height:100%;
}
.footerMenu {
    float: right;
    padding-top: 7px;
}
.copyright 
{
    float: left;
    margin-left: 15px;
    margin-top: 100px;
}

.content 
{
    padding: 5px;
}


/* Account */
.accountHeader h2 
{
    margin: 10px 0 7px 0;
    font-size: 16px;
}
.accountHeader p 
{
    font-size: 12px;
    margin: 0;
    padding: 0;
}
.accountHeader 
{
    margin-bottom: 20px;
}
.form-field
{
    margin-bottom: 8px;
}


/* Office2010Black */
.dxsplControl_Office2010Black 
{
    font-family: Verdana;
}
.dxsplControl_Office2010Black .headerPane
{
    background-color: #FFF;
}
.dxsplControl_Office2010Black .footerPane,
.dxsplControl_Office2010Black .footerMenu li
{
    background-color: #393939;
    color: white;
}
.dxsplControl_Office2010Black .footerMenu a
{
    color: white !important;
}
.dxsplControl_Office2010Black .accountHeader h2
{
    color: #3C3C3C;
}
.dxsplControl_Office2010Black .accountHeader p
{
    font-size: 11px;
}
.dxsplControl_Office2010Black .headerMenu 
{
    margin-top: 13px;
}
.dxsplControl_Office2010Black .loginControl a,
.dxsplControl_Office2010Black .templateTitle a
{
    color: White;
    border-color: White;
}

/*DETAIL CLIENT */
.style1
        {
            width: 286px;
        }
        .style2
        {
            text-align: right;
            background-color:#f0f0f0;
        }
        .style3
        {
            width: 292px;
        }
        .style4
        {
            width: 277px;
        }
        .style5
        {
            width: 315px;
        }
        
        
        .templateTable
        {
            border-collapse: collapse;
            width: 103%;
        }
        .templateTable th
        {
            border: solid 0px #f0f0f0;
            padding: 6px;
            font-size:12px;
            text-align:left;
        }
        .templateTable td
        {
            border: solid 1px #f0f0f0;
            padding: 6px;
            font-size:12px;
        }
        
        .templateTable_right
        {
            border-collapse: collapse;
            width: 66%;
            margin-left:15px;
        }
        .templateTable_right th
        {
            border: solid 0px #f0f0f0;
            padding: 6px;
            font-size:12px;
            text-align:left;
        }
        .templateTable_right td
        {
            border: solid 1px #f0f0f0;
            padding: 6px;
            font-size:12px;
        }
        
         .templateTable_Obs
        {
            border-collapse: collapse;
            width: 104%;
        }
        .templateTable_Obs th
        {
            border: solid 0px #f0f0f0;
            padding: 6px;
            font-size:12px;
            text-align:left;
        }
        .templateTable_Obs td
        {
            border: solid 0px #f0f0f0;
            padding: 6px;
            font-size:12px;
        }
        
/* ################--------------- Login Null Header  ---------------#################### */

#contenulogin
{
    height: 340px;
    width: 600px;
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
    background: url('Images/login_client.png') no-repeat;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px; /*   color :#659900; */
    color: #000000; /*font-weight: bold;*/
}

#bloc .haut {
   height: 53px;
   background: url(../pics/haut_install.png) 0 0 no-repeat; 
   width:760px;
   margin:0;
   padding:0;
}

#bloc {
   background: url(../pics/milieu_install.png) 0 0 repeat-y;
   width:760px;
   margin:0 auto;
   text-align:left;
}

#bloc .bas {
   height: 31px;
   background: url(../pics/bas_install.png)  0 0  no-repeat; 
   width:760px;
   margin:0;
   padding:0;
}

#boxlogin {
   position:relative;
   background-color: transparent;
   padding-left: 15px;
   padding-top: 76px;
   text-align: left;  /* Bug IE Grrr */
   height: 190px;
   width: 300px;
}

#boxlogin p {
   text-align:center;
}

.row {
   clear: both;
   padding-top: 5px;
}

.label {
   float: left;
   margin-left:50px;
   text-align: left;
}

.formw {
   float: right;
   margin-right:10px;
   text-align: right;
}

#boxlogin fieldset {
   background-color: transparent;
   border: none;
   padding-bottom:22px;
}

#boxlogin legend {
   font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
   font-size: 15px;
   font-weight: 700;
   background-color: transparent;
/*   color :#659900; */
   color: #000;
}

#boxlogin input {
   border: 1px solid #000;
}

#logo-login {
   font-size: 10px;
   float:right;
   height: 160px;
   width: 230px;
   margin-right:10px;
   margin-left:0px;
   margin-top:90px;
   color :#000000;
   overflow: auto;
}

#logo-login a:hover {
   color :#659900;
   text-decoration: underline;
}

#box-faq {
   float:right;
   margin-right:10px;
}

.sous_logo {
   font-family: arial;
   font-size: 9px;
   color: #eeeeee;
   text-decoration: none;
}

.error {
   color: red; 
   margin-top:16px;
   text-align:center;
}

#footer-login {
	visibility:hidden;
   text-align:right;
   position: fixed !important;
   left: 0px;
   right: 10px;
   bottom: 0px !important;
   height: 40px;
   font-size : 10px;
   color :#FFF;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   /*font-weight: bold;*/
   margin-top:10px;
   margin:auto;
   /*css hack for IE*/
   position: absolute;
   bottom: auto;
   top: expression((parseInt(document.documentElement.clientHeight)+parseInt(document.documentElement.scrollTop)-42)+'px');
   width: expression(parseInt(document.documentElement.clientWidth)+'px');
}


/*
CSS Image Based Rollover Menu
StudentWebHosting.com


*/

#menu{
	/*width:245px;  ---Give our UL a width ---*/
	list-style:none;  /*--- Makes the bullets go away ---*/
	margin:0;  /*--- Take out any default margin on the UL tag ---*/
	padding:0;  /*--- Take out any default padding on the UL tag ---*/
	margin:0 auto; /*--- Center the menu ---*/
	float:right;  
}

#menu li{
	float:left;  /*--- Make the list go horizontal ---*/
	margin:0;
}

#menu li a{
	display:block;  /*--- Make the entire button are clickable rather than the text alone ---*/
	text-indent: -9999px; /*--- Push the text off screen to hide text---*/
	overflow: hidden; /*--- Makes text outside of bounding box hidden ---*/
	height:33px;
	
	
}


#menu_2{
	 /*width:215px; ---Give our UL a width ---*/
	list-style:none;  /*--- Makes the bullets go away ---*/
	margin:0;  /*--- Take out any default margin on the UL tag ---*/
	padding:0;  /*--- Take out any default padding on the UL tag ---*/
	margin:0 auto; /*--- Center the menu ---*/
	float:right;  
}

#menu-2 li{
	float:left;  /*--- Make the list go horizontal ---*/
	margin:0;
}

#menu_2 li a{
	display:block;  /*--- Make the entire button are clickable rather than the text alone ---*/
	text-indent: -9999px; /*--- Push the text off screen to hide text---*/
	overflow: hidden; /*--- Makes text outside of bounding box hidden ---*/
	height:33px;
	
	
}


/* 
The following rules place the "normal" 
state image as the background for our anchor tags
*/

#menu li#PDF a
{
    background: url('Images/ExportPDF.png') no-repeat;
    width: 150px;
}

#menu_2 li#EnviaFechamento a{
	background: url('Images/EnviarFechamento.png') no-repeat;	
	width:200px;
	
}


/* 
The following rules place the "over" 
state image as the background for our anchor tags
when they are hovered over by the mouse
*/

#menu li#PDF a:hover{
	background: url('Images/ExportPDF.png') no-repeat;
}
#menu li#EnviaFechamento a:hover{
	background: url('Images/EnviarFechamento.png') no-repeat;	
}


.clear{
	clear:both;  /*--- Clears the float of the list items to restore normal document flow ---*/
}

/* 
The following rules place the "down" 
state image as the background for our anchor tags
when they anchor tag has the class of current
*/

#menu li#PDF a.current{
	background: url('Images/ExportPDF.png') no-repeat;
	cursor:default;  /*--- Show pointer instead of hand cursor for the current page ---*/
}

#menu li#EnviaFechamento a.current{
	background: url('Images/EnviarFechamento.png') no-repeat;	
	cursor:default;  
}