/******************************** PAGE ************************************/

/* La page html */
body
{
    background: url(../Images/body-background-gradient.gif) repeat ;
    margin : 0px 0 0px 0;
    /*behavior : url("csshover.htc");*/
}
		
/* Zone délimitée de la page */
div#page
{
    position: relative;
    width: 963px;
    height: 700px;
    background-color: white;
    /*font: 0.8em "Comic Sans MS", helvetica, sans-serif;*/
    font :0.7em "Verdana", helvetica, sans-serif;
    margin: 0 auto 0 auto;
}
			
/******************************** ENTETE ************************************/

/* Zone de l'entete */
div#header
{
	position: absolute;
	top: 2px;
	left: 07px;
    width: 950px;
    height: 108px;
    background: url(../Images/BlackBoard/Baniere.jpg) no-repeat right top ;
}

/* Zone du logo */
div#header a
{
	position: absolute;
	top: 30px;
	left: 20px;
    float: left;
    text-decoration: none;
}

.petitLogo
{
    display: none;
}

.grandLogo
{
    text-decoration: none;
    border-style: none;
}

/********************************  MENU  ************************************/

/* elements de liste */ 
/*dl, dt, dd, ul, li 
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    height: 100% ;
}*/

/* Zone du menu principal */
div#menu 
{
	position: absolute;
	top: 110px;
	left: 07px;
    width: 950px;
    z-index: 99;
    background: url(../Images/BlackBoard/BackgroundMenu.jpg) repeat-x 0 0;
    display:none;
}

/* Liste de définitions du menu, délimite chaque rubrique */
div#menu dl 
{
    float: left;
    width: 134px;
    border-right: solid 1px white;
    font-size: 1.2em;
    font-weight: bold;
}

/* Terme dans la liste de définitions, entete de chaque rubrique */
div#menu dt 
{
    text-align: center;
    font-weight: bold;
    color: white ;
}

/* Liens dans les entete de rubrique */
div#menu dt a
{
    font-weight: bold;
    color: white ;
    text-decoration: none;
	height: 100%;
    border: 0 none;
}

/* Définitions de la liste, zone contenant l'ensemble des éléments de chaque rubrique*/
div#menu dd 
{
	width: 195px;
    display: none;
    border: 1px solid #324E37;
    background-color: White;
}

/* Un élément de liste */
div#menu li 
{
    text-align: center;
    border: 0 none;
}

/* Format des liens pour les éléments de liste */
div#menu li a 
{
    text-decoration: none;
    height: 100%;
    border: 0 none;
    font-weight: normal;
    font-size: 0.9em;
    color: black;
    display: block;
}

/* Comportement des liens des éléments de liste, lors du survol et du focus */
div#menu li a:hover, div#menu li a:focus
{
    background: url(../Images/BlackBoard/Menu.jpg) repeat-x 0 -20px ;
    display: block;
}

/* Comportement des liens des entêtes de rubrique, lors du survol et du focus */
div#menu dt a:hover, div#menu dt a:focus 
{
    background: url(../Images/BlackBoard/Menu.jpg) repeat-x 0 -20px ;
    display: block;
}


/******************************  CONTENU  ************************************/

/* Zone du corps de la page (entete et menu exclut) */
div#contenu
{
	z-index: 0;
	top: 140px;
	left: 07px;
	position: absolute;
    width: 950px;
}

/* Titres principaux */
div#contenu h1
{

    font-size: 1.6em;
    color: #324E37;
    border-bottom: 1px solid #324E37;
}

/* Titre secondaire */
div#contenu h2
{
    font-size: 1.2em;
    color: #324E37;
    border-bottom: 1px solid #324E37;
}
		
/**************************  VUE ARBORESCENTE  ************************************/

/* Zone de l'arbre de navigation */
div#vue
{
	z-index:0;
	position: absolute;
	/*top: 0;*/
	top: 21px;
	left: 0;
	width: 25%;
	height: 535px;
	border:solid 1px #324E37;
    background: white;
    overflow: auto;
    margin: 0 auto 0 auto;
    background: url(../Images/BlackBoard/arbre.jpg);
}

		
/******************************  PANIER  ************************************/

/* Zone de la petite fenêtre 'Panier' */
div#panier
{
    width: 110px ;
    height: 55px ;
    border: 0px solid blue ;
    text-align: center ;
    vertical-align: top ;
    background: white ;
    float : right ;
    margin: 0px 0px 0px 0px;
    z-index: 99;

}

/* Tableau de la zone du panier */
div#panier table
{
    border-spacing: 0px;
    border-collapse: collapse; 
    margin: 5px 5px 5px 5px ;
    border: 2px solid #324E37;
    cursor: pointer;
}

/* Format des cellules dans le tableau */
div#panier td
{
    padding: 0 0 0 0;
    border-collapse: collapse; 
    border: 2px solid #324E37;

}

/* Format de la cellule contenant l'image du panier */
.imagePanier
{
	background-image: url(../Images/BlackBoard/OngletPanier.jpg);
	width: 200px;
    height: 25px;
 
}

/****************************  FORMULAIRE  ************************************/

/* Zone contenant les formulaires au sens large */
div#formulaire
{
	z-index: 0;
	position: absolute;
	/*top: 0;*/
	top:21px;
	left: 28%;
    text-align: left;
    width: 72%;
    /*height: 540px;*/
    height: 535px;
}

/* Groupement d'élèments dans les formulaires */
div#formulaire fieldset
{
    padding: 0 0 0 15px;
    margin: 10px 0 10px 0;
}

/* Paragraphe dans les formulaires */
div#formulaire p
{
    text-align: justify;
    line-height: 1em;
}

/* Liens dans le formulaire, dans les zones de style 'cadre' et dans les zones de style 'fonctionnalite' */
div#formulaire a, .cadre a, .fonctionnalite a
{
    color: black;
    text-decoration: none;
    font-size: 0.9em;
}

/* Comportement lors du survol des liens dans le formulaire, dans les zones de style 'cadre' et dans les zones de style 'fonctionnalite' */
div#formulaire a:hover, .cadre a:hover, .fonctionnalite a:hover
{
    color: Gray;
}

/* Zone des formulaires de saisie*/
div#tableauGestion
{
    border: solid 1px #324E37;
    padding: 10px 10px 10px 10px;
    height: 350px;
    width: auto;
    overflow: auto;
}

/* Zone des d'affichage des resultats et du panier*/
div#tableauResultat
{
    height: 370px;
    overflow: auto;
    padding-top: 5px;
    padding-left: 5px;
}

/* Zone des d'affichage des comptes réconciliés*/
div#tableauReconciliation
{
    height: 145px;
    overflow: auto;
    padding-top: 5px;
    padding-left: 5px;
}

/* ListBox représentant les comptes de la réconciliation */
.listeReconciliation
{
	width: 255px;
}

/* Tableau de base utilisé dans les formulaires, contenant les libelles et les valeurs */
.tableMultiView
{
    width: 99%; 
    margin: 5px 0 5px 0;
    padding: 0 0 0 0;
    border-spacing: 0px;
    border-collapse: collapse;
}

/* Zone des formulaires de saisie*/
div#tableauOnglet
{
   	/*border: solid 0px #D9D9D9;*/
    /*border-bottom: 1px solid #D9D9D9;*/
    padding: 10px 0px 10px 0px;
    height: 370px;
	width: 100%;
    overflow: hidden;    
    /*background: url(../Images/GreysAnatomy/fond.jpg) repeat-x;*/
}

.PanelOnglet
{
	height: 350px;
}


.PanelOngletAccueil
{
	height: 240px;
}



/****************************  FONCTIONNALITE  ************************************/


/* Zone contenant les boutons d'actions associés aux formulaire*/
.cadreFonctionnalite
{
    border: solid 1px #324E37;
    padding-top: 10px;
    padding-bottom: 5px;
    height: 50px;
    overflow: auto;
}

/* Style donné aux cellules pour un bouton d'action (ie. creer, modifier ...) dans un formulaire  */
.fonctionnalite
{
	width: 110px;
	background: url(../Images/BlackBoard/degrade_clair.jpg) repeat-y +5px;
}

/****************************  STYLES GENERAUX  ************************************/

/* Zone basique avec bordure */
.cadre
{
    border: solid 1px #324E37;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

/* Zone de saisie de la page de connexion*/
.login
{
	margin-left: auto;
	margin-right: auto;
	width: 42%;
}

/* Zone de saisie de la page de selection des profils*/
.profil
{
	margin-left: auto;
	margin-right: auto;
}

/* Tableaux de largeur max*/
.table
{
	width: 98%;
}

/* Largeur de la colonne contenant les libellés dans les formulaires*/
.colonneLibelle
{
    width: 35%;
}

/* Champ de saisie obligatoire*/
.champObligatoire
{
	background-color: #FFE9A6;
}

/* Entête des grilles ('resultat recherche' & 'panier') */
.titre
{
    color: White;
    background-color: #324E37;
}

.TitreUnPeuMoinsVert
{
    color: black; 
    background-color : #F6F4DA;
    text-align:center;
}
.rowFTK
{
    /*opacity: 1;*/
}

.rowFTK:hover
{
    background-color : #DCDCC8 !important;
}

th
{
	border-color:Black;	
}

/****************************  POP-UP  ************************************/

/* Zone délimitant les pop-up*/
div#tableauPopUp
{
    border: solid 1px #324E37;
    padding: 10px 10px 10px 10px;
    width: 600px;
    background-color: White;
    margin: 0 auto 0 auto;
}	

/* Zone qui contient les messages de confimation (aprés une creation, modification ...) */
.popupConfirmation
{
	position: absolute;
	top: 300px;
	left: 300px;
    width: 600px;
    z-index: 99;
    background: #FFE9A6;
    border-style: outset;
    filter: Alpha(style=0,opacity=90); /*Compatible IE 4 et version superieur*/
}

/* Zone qui contient les messages de confimation (aprés une creation, modification ...) à intégrer dans la pop-up */
.popupConfirmationSmall
{
	position: absolute;
	top: 100px;
	left: 50px ;
    width: 550px;
    z-index: 99;
    background: #FFE9A6;
    border-style: outset;
    filter: Alpha(style=0,opacity=90); /*Compatible IE 4 et version superieur*/
}

/****************************  MENU ONGLET  ************************************/

.menu
{
    /*width: 400px ;*/
    height: 25px;
    text-align: left;
}

.menuItem
{
	border: solid 1px white;
	width: 100px;
	height: 25px;
    font-style: normal;
    font-size: medium;
    text-align: center;
	background: url(../Images/BlackBoard/OngletDeselectionne.jpg) ;
}

.menuItemSelectedStyle
{
	background: url(../Images/BlackBoard/OngletSelectionne.jpg) ;	
}

iframe {
	position: absolute;
    left: -1;
    top: -1;
    z-index: 99;
    filter: Alpha(style=0,opacity=0.25); /*Compatible IE 4 et version superieur*/

}

/****************************  COPYRIGHT  ************************************/

div#copyright
{
	position: absolute;
	top : 701px;
    width: 963px;
    height: 15px;
    background: #ECE9D8;
    font-size: smaller;
}

/*************************** ACCORDEON **********************************/

/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #324E37;
	font-family: Arial, Sans-Serif;
	font-size: 14px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #FFFFFF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

/**/

.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: white;
    color: red;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}


/* MENU SUNRISE GLOSS */


/*^'^ Navigation Structure ^'^*/
.nav-container-outer
{
position:absolute;
top: 110px;
left: 07px;
width: 85%;
z-index: 80;
background: #990000;
padding: 0px;
height: 51px;
background: url(../Images/menu/nav-bg.jpg);
}

.float-left{
float: left;
background-image: url(../Images/menu/nav-bg-l-bottomless.jpg);
width:25px;
height:51px;
}

.float-right{
float: right;
background-image: url(../Images/menu/nav-bg-r-bottomless.jpg);
width:25px;
height:51px;
}

.ico
{
/*
height: 16px;
width: 16px;
*/
height: 24px;
width: 24px;
padding-top: 17px;
float: left;
}

.nav-container .divider{
display:block;
font-size:1px;
border-width:0px;
border-style:solid;
}
.nav-container .divider-vert{
float:left;
width:0px;
display: none;
}
.nav-container .item-secondary-title{
display:block;
cursor:default;
white-space:nowrap;
}
.clear{
font-size:1px;
height:0px;
width:0px;
clear:left;
line-height:0px;
display:block;
float:none;
}
.nav-container{
position:relative;
zoom:1;
margin: 0 auto;
}
.nav-container a, .nav-container li{
float:left;
display:block;
white-space:nowrap;
}
.nav-container div a, .nav-container ul a, .nav-container ul li{
float:none;
}
.nav-container ul{
left:-10000px;
position:absolute;
}
.nav-container, .nav-container ul{
list-style:none;
padding:0px;
margin:0px;
}
.nav-container li a{
float:none
}
.nav-container li{
position:relative;
}
.nav-container ul{
z-index:10;
}
.nav-container ul ul{
z-index:20;
}
.nav-container ul ul ul{
z-index:30;
}
.nav-container ul ul ul ul{
z-index:40;
}
.nav-container ul ul ul ul ul{
z-index:50;
}
li:hover>ul{
left:auto;
}
#nav-container ul {
top:100%;
}
#nav-container ul li:hover>ul{
top:0px;
left:100%;
}

/*^'^ Primary Items ^'^*/	
#nav-container a{	
padding:7px 17px 7px 18px;
margin: 10px 0px 0px 0px;
color: #FFFFFF;
font-family: Trebuchet MS, Arial, sans-serif, Helvetica;
font-size:14px;
text-decoration:none;
font-weight: bold;
background: url(../Images/menu/item-primary-bg.gif);
background-repeat: no-repeat;
background-position: top;
}

#nav-container a:hover{
color: #6C3600;
background: url(../Images/menu/item-primary-bg.gif);
background-repeat: no-repeat;
background-position: center;
}

/*^'^ Secondary Items Container ^'^*/	
#nav-container div, #nav-container ul{	
padding:10px 4px 10px 4px;
margin:0px 0px 0px 0px;
background: url(../Images/menu/item-secondary-container-bg.jpg);
background-repeat: repeat-x;
background-color: #FF9900;
border-bottom: 1px solid #CA6500;
}

/*^'^ Secondary Items ^'^*/	
#nav-container div a, #nav-container ul a{	
padding:3px 10px 3px 6px;
background-color: #FFFFFF;
background: url(../Images/menu/item-secondary-bg.jpg);
background-repeat: no-repeat;
background-position: 0px 22px;
font-size:11px;
border-width:0px;
border-style:none;
margin: 0px 0px 0px 0px;
width: 149px;
}

/*^'^ Secondary Items Hover State ^'^*/	
#nav-container div a:hover, #nav-container ul a:hover{	
background-color: #FFFFFF;
background: url(../Images/menu/item-secondary-bg.jpg);
background-repeat: no-repeat;
color:#CC0000;
}

/*^'^ Secondary Item Titles ^'^*/	
#nav-container .item-secondary-title{	
cursor:default;
padding:4px 0px 3px 7px;
color: #6C3600;
font-family: Arial, Trebuchet MS, Arial, sans-serif, Helvetica;
font-size:11px;
/* background: url(../Images/menu/item-secondary-title-bg.jpg); */
background-repeat: no-repeat;
font-weight:bold;
}

/*^'^ Horizontal Dividers ^'^*/	
#nav-container .divider-horiz{	
border-top-width:1px;
margin:5px 5px;
border-color: #C16100;
}

/*^'^ Vertical Dividers ^'^*/	
#nav-container .divider-vert{	
border-left-width:1px;
height:15px;
margin:4px 2px 0px 2px;
border-color:#AAAAAA;
}



/***************************************/
/* Zone de saisie de la page de connexion*/

/* Attention : la Backcolor est définie sur la page pour que les Roundedcorners fonctionnent */

.login
{
	margin: 20px auto 0 auto;
	width: 500px;
	border-color: #F7C701;
	padding : 0 auto 0 auto;
}

.cadreExterneLogin
{
	margin: 20px auto 0 auto;
	width: 500px;
	/*background: #F7C701;*/
	padding : 0 auto 0 auto;	
}


.cadreInterneLogin
{
	width: 400px;
	margin: 0 auto;
}

.ligneLogin
{
	margin: 3px;
}

.colonneLogin
{
	float:left;
	width:150px;
}

.colonne-textLogin
{
	float:left;
}

.colonneLoginBtn
{
	
	width:147px;
	margin:0 auto 1px auto;
}

#ibLogin
{
	background-color:White;
}