html, body {
    padding:0px;
    margin:0px;
    font-family: Verdana, Arial, Genova, sans-serif;
}

header {
    width:100%;
}

aside {
    float:left;
    min-width:10em;
    width:20%;
    margin-right:-1em;
    padding-left:1em;
    margin-top: 2em;
}

main {
    float:left;
    margin-top:2em;
    width:80%;
}

footer{
    clear:both;
    width:100%;
}

.banner
{
    text-align:left;
    width:100%;
    height:106px;
    background-image:url("../images/bg_header.gif");
    background-repeat:repeat-x;
}

.footer
{
    text-align:center;
    vertical-align:middle;
    margin-left:20%;
}

.cover
{
	position:fixed;
    width:100%;
    height:100%;
	top:0px;
	left:0px;
	background:rgba(0, 0, 0, 0.30);
	cursor:wait;
	display:none;
    z-index:9999;
}

.popup
{
	position:fixed;
    width:50em;
	top:50%;
	left:50%;
    border:1px solid black;
    background-color:white;
    margin-left:-25em;
    margin-top:-2em;
    padding:1em;
	display:none;
    z-index:99999;
}

.login
{
   margin-left:25% !important;
}

.release
{
    position:absolute;
    top:76px;
    right:6px;
    color:#404770;
    font-size:0.6em;
}




.fullWidth { width:100% }
.fullHeight { width:100% }
.left { text-align:left; }
.center { text-align:center; }
.right { text-align:right; }
.top { vertical-align:top; }
.middle { vertical-align:middle; }
.noWrap { white-space:nowrap; }

.semi { height: 0.75em; }
.single { height: 1.5em; }
.double { height: 3em; }

.centerPage { width:100%; }
.centerPage table { margin:auto; }
.centerPage div { text-align:center; margin:auto; }



.red
{
    color:red;
    font-weight:bold;
}



select:disabled
{
    background-color:White;
    border:solid 1px #7A7A7A;
    color:#404770;
}



a.texte {
	font-size: 10px;
	color: #985826;
	font-weight: Normal;
	text-decoration:Underline;
}

a.texte:hover  {
	font-size: 10px;
	color: #A4B3DD;
	font-weight: Normal;
	text-decoration:Underline;
}

a.texte:visited {
	font-size: 10px;
	color: #985826;
	font-weight: Normal;
	text-decoration:Underline;
}

a.menup {
	font-size: 10px;
	color: #404770;
	font-weight: Bold;
	text-decoration:none;
}

a.menup:hover  {
	font-size: 10px;
	color: #A4B3DD;
	font-weight: Bold;
	text-decoration:none;
}

a.menuh {
	font-size: 10px;
	color: #A4B3DD;
	font-weight: Bold;
	text-decoration:none;
}
a.menuh:hover {
	font-size: 10px;
	color: #A4B3DD;
	font-weight: Bold;
	text-decoration:none;
}
.titre {
	font-size: 12px;
	color: #985826;
	font-weight: Bold;
	text-decoration:none;
}
.sstitre, .sstitreLink {
	font-size: 10px;
	color: #985826;
	font-weight: Bold;
    text-decoration: none;
}

.sstitreLink {
    text-decoration: underline;
}

.texte {
	font-size: 10px;
	color: #404770;
	font-weight: Normal;
	text-decoration:none;
}

.filAriane {
    position:absolute;
    left:20%;
    top:106px;
}

.symbole {
    font-family:Wingdings;
    font-size:10px;
}


/*----------------------------------------------------*/
/* STYLES tableau */
/*----------------------------------------------------*/	

table.corps { 
    border-spacing: 1px;
    border-collapse: separate;
}

table.corps td
{
    padding:1px;
}

.txtTabs {
	font-size: 10px;
	color: #404770;
	font-weight: Normal;
	text-decoration:none;
	background-color: #B2BFE1;
	}

.titleTabs {
	font-size: 10px;
	color: #985826;
	font-weight: Bold;
	text-decoration:None;
	background-color: #FDDFA9;
	}
	
	
.txtTabsItems {
	font-size: 12px;
	color: #003399;
	font-weight: bold;
	text-decoration:none;
	}

.tabsSubTitle {
	font-size: 11px;
	color: #003399;
	font-weight: bold;
	text-decoration:none;
	}

a.texteTabs  {
	font-size: 10px;
	color: #404770;
	font-weight: Bold;
	text-decoration:Underline;
}
	
a.texteTabs:hover  {
	font-size: 10px;
	color: #404770;
	font-weight: Bold;
	text-decoration:None;
}

a.texteTabs:visited {
	font-size: 10px;
	color: #404770;
	font-weight: Bold;
	text-decoration:Underline;
}



/*----------------------------------------------------*/
/* STYLES menu déroulant */
/*----------------------------------------------------*/	
.texteIP {
	font-size: 10px;
	color: #404770;
	font-weight: Normal;
	text-decoration:none;
}

.texteMD {
	font-size: 10px;
	color: #404770;
	font-weight: Normal;
	text-decoration:none;
}

.texteTA {
	font-size: 10px;
	color: #404770;
	font-weight: Normal;
	text-decoration:none;
}




a.link {
	font-size: 12px;
	color: #FF0000;
	font-weight: normal;
	text-decoration:none;
}
a.link:hover {
	font-size: 12px;
	color: #FF0000;
	font-weight: normal;
	text-decoration:underline;
}

.footer_credit {
	vertical-align: middle;
	height: 15px;
	color: #003366;
	font-size: 10px
}

.footer_credit_link:link {
	vertical-align: middle;
	height: 15px;
	color: #003366;
	font-size: 10px;
	text-decoration :none
}
.footer_credit_link:hover{
	vertical-align: middle;
	height: 15px;
	color: red;
	font-size: 10px;
	text-decoration :none	
	
}
.footer_credit_link:visited{
	vertical-align: middle;
	height: 15px;
	color: #003366;
	font-size: 10px;
	text-decoration :none	
	
}

.title_dark_blue 
{
	height: 30px;
	color: #004477;
	font-size: 20px;
}

.text_dark_blue 
{
	/*height: 20px;*/
	color: #004477;
	font-size: 12px;
}

.text_dark_blue_I
{
	font-size: 12px;
	color: #004477;
	font-style: italic;
	height: 20px;
}

.text_error
{
	font-size: 12px;
	color: #FF0000;
	font-style: italic;
	height: 20px;
}

A {
	font-size: 10px;
	color: #023298;
	font-weight: normal;
	text-decoration:underline;
}


A.tetiere {
	font-size: 12px;
	color: #033333;
	font-weight: bold;
	text-decoration:underline;
}

A.tetiere:hover {
	font-size: 12px;
	color: #033333;
	font-weight: bold;
	text-decoration:none;
}



/*----------------------------------------------------*/
/* STYLES FDN */
/*----------------------------------------------------*/	

td.ongletCourant
{
    background-color:#E2E2E2;
    border:solid 1px black;
    width:8em;
    height:2em;
    text-align:center;
	font-size: 12px;
	color: #985826;
	font-weight: Bold;
}

td.onglet
{
    background-color:transparent;         /*#F7F6F6;*/
    border:solid 1px #E2E2E2;
    width:8em;
    height:2em;
    text-align:center;
	font-size: 12px;
	color: #985826;
	font-weight: Bold;
}

a.onglet {
	font-size: 12px;
	color: #985826;
	font-weight: Bold;
	text-decoration:Underline;
}
/*
a.onglet:hover  {
	font-size: 12px;
	color: #985826;
	font-weight: Bold;
	text-decoration:Underline;
}

a.onglet:visited {
	font-size: 12px;
	color: #985826;
	font-weight: Bold;
	text-decoration:Underline;
}
*/

.fdn
{ 
    border-spacing: 2px;
    border-collapse: separate;
    border:solid 1px black;
}
table.fdn { background-color:#E2E2E2; }
td.fdn { background-color:white; }
.fdn div { padding:0.25em; }

.fdn2
{ 
    border-spacing: 1px;
    border-collapse: separate;
    border:solid 1px black;
    background-color:white;
}
table.fdn2 { margin:auto; }
td.fdn2
{
    border:solid 1px silver;
    padding:2px 4px;
    white-space:nowrap;
}



/*----------------------------------------------------*/
/* STYLES DATAGRID */
/*----------------------------------------------------*/
.DataGridFixedHeader { 
	position: relative;
	top: expression(this.offsetParent.scrollTop);
}



/*---------------*/
/* STYLES Détail */
/*---------------*/
table.detail
{
    border:none;
    border-collapse: separate;
    border-spacing: 2px;
    padding:0px;
}
