@charset "utf-8";

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

/* La page html */
body
{
    background: url(../Images/body-background-gradient.gif) repeat;
    margin: 0px 0 0px 0;
}

#branding i,  #home #branding i, #archiveroot #branding i, #archive #branding i, #entry #branding i {
 /* background:url("../Images/BlackBoard/crayon2.png") no-repeat 0 0;
  position:absolute;
  /*bottom:-58px;
  left:64em;*/
  width:340px;
  height:457px;
  z-index:100;
  /*margin-bottom:-7em;*/
  left:56em;
  margin-top: -280px;
  }	
		
/* Zone délimitée de la page */
/*div#page
{
    position: relative;
    width: 1190px;
    height: 841;   
    background-color: white;
    *font: 0.8em "Comic Sans MS", helvetica, sans-serif ;*
    font: "Verdana", helvetica, sans-serif ;  
    margin: 0 auto 0 auto;
}*/


div#page
{
width:1190px;
margin: 0 auto 0 auto;
position:relative;
height: 844px;
background:url(../Images/bg.gif) repeat-x #dfdfdf;
/*
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
*/
background-color: white;
color:#454545;
text-align:left;
font: 0.8em "Verdana", helvetica, sans-serif ;  
}

/*
#container {
width:772px;
margin:0 auto;
padding:0 13px;
position:relative;
background:url(bg.gif) repeat-x #dfdfdf;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
color:#454545;
text-align:left;
}
*/

/******************************** ENTETE ************************************/

/* Zone de l'entete */
div#header
{
	position: absolute;
	top: 0px;
	left: 15px;
    width: 1175px;
    height: 102px;
    /*background: url(../Images/OrangeWorld/Baniere1280x1024SansLogo.jpg) no-repeat left top ;*/
    background: url(../Images/OrangeWorld/Baniere1280x1024SansLogo.jpg) no-repeat right top ;
}

/* Zone du logo */
div#header a
{
	position: absolute;
	top: 25px;
    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: 1175px;
    z-index: 99;
    background: url(../Images/OrangeWorld/BackgroundMenu.jpg) repeat-x 0 0;
    display:none;
}

/* Liste de définitions du menu, délimite chaque rubrique */
/*div#menu dl 
{
    float: left;
    width: 166px;
    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 #F7C701;
    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/OrangeWorld/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/OrangeWorld/Menu.jpg) repeat-x 0 -20px ;
    display: block;
}*/


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

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

/* Titres principaux */
div#contenu h1
{
    font-size: 1.5em;
    color: #F7C701;
    border-bottom: 1px solid #F7C701;
}

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

/* Zone de l'arbre de navigation */
div#vue
{
	z-index: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 21%;
	height: 695px;
	margin: auto;
	border: solid 1px #F7C701;
    background: white;
    overflow: auto;
    margin: 0 auto 0 auto;
    /*background: url(../Images/OrangeWorld/arbre.jpg);*/
    /* correction pour ie mais qui fait sauter l'affichage au survol d'un lien */
    /*background: url(../Images/OrangeWorld/arbre.jpg) no-repeat bottom;*/ 
}

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

/* Zone de la petite fenêtre 'Panier' */
div#panier
{
    width: 110px;
    height: 55px;
    float: right;  
    border: 0px solid blue;
    text-align: center;
    vertical-align: top;
    background: white;
    margin: 0px 0px 0px 5px;
    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 #F7C701;
    cursor: pointer;
}

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

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

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

/* Zone contenant les formulaires au sens large */
div#formulaire
{
	z-index: 0;
	position: absolute;
	top: 0;
	left: 22%;
    text-align: left;
    width: 78%;
    height: 695px;
}

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

/* 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;
}

/* 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 #F7C701;
    padding: 10px 10px 10px 10px;
    height : 500px;
    width: auto;
    overflow: auto;
    
}

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

.PanelOnglet
{
	height: 470px;
	/*border: 1px solid #D9D9D9;*/	
}


.PanelOngletAccueil
{
	height: 318px;
	/*border: 1px solid #D9D9D9;*/	
}

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

/*div#tableauTraitements
{
    height: auto;
    overflow: auto;
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 10px;
}

div#tableauRequetes
{
    height: auto;
    overflow: auto;
    padding-top: 5px;
    padding-left: 5px;
    padding-top: 10px;
}*/

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

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

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

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


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

/* Style donné aux cellules pour un bouton d'action (ie. creer, modifier ...) dans un formulaire  */
.fonctionnalite
{
	width: 150px;
	background: white url(../Images/OrangeWorld/degrade_clair.jpg) no-repeat +20px;
	/*width: 33%;
	background: white url(../Images/OrangeWorld/degrade_clair.jpg) no-repeat +40px;*/
	
}

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

/* Zone basique avec bordure */
/* concerne toutes les pages */
.cadre
{
    /*border: solid 1px #F7C701;*/
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;

}



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

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



/*.table 
{
	background:white;
	width:auto;
}*/

/* 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: #F7C701;
}
.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 #F7C701;
    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: 800px;
    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: 160px;
	height: 25px;
    font-style: normal;
    font-size: medium;
    text-align: center;
	background: url(../Images/OrangeWorld/OngletDeselectionne.jpg) ;
}

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

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

}

/****************************  COPYRIGHT  ************************************/
/*
div#copyright
{
	position: absolute;
	top: 842px;
    width: 1190px;
    height: 15px;
    background: #ECE9D8;
    font-size: smaller;
}
*/

div#copyright
{
    background: #ECE9D8;
    font-size: smaller;
	background-repeat: no-repeat;
	background-position: center;
	height: 20px;
	width: 1190px;
	/*position: fixed;*/
	/*bottom: 0px;*/
	position: absolute;
	top: 842px;	
	z-index: 5;
	border-top:1px solid #4B4B4B;
}


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

/* Accordion */
/*.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #F7C701;
	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;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.5;
	z-index:100
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
	z-index:110;
	text-align:center;
}


/*Popup Control*/
.popupControl{
	background-color:White;
	position:absolute;
	visibility:hidden;
}





/* MENU SUNRISE GLOSS */


/*^'^ Navigation Structure ^'^*/
.nav-container-outer
{
position:absolute;
top: 85px;
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: 150px;
	margin:0 auto;
}

#ibLogin
{
	background-color:White;
}