/* ###################### */
/* # Définition globale # */
/* ###################### */
body
{
	padding-right: 0px;
	padding-left: 0px;
	background: url(../images/img_fond_degrade_bleu.png) repeat-x; 
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 5px;
	text-align: center;
}

.warning {color: #ff0000; font-size: 10px; font-family: "Bitstream Vera Sans", Verdana;}
.couleur1 {background-color: #eaeeef; font-size: 10px; font-family: "Bitstream Vera Sans", Verdana; color:#0099cc}
.couleur2 {background-color: #f6f6f6; font-size: 10px; font-family: "Bitstream Vera Sans", Verdana; color:#0099cc}
.couleur3 {background-color: #d1d7dc; font-size: 10px; font-family: "Bitstream Vera Sans", Verdana; color:#0099cc}
.couleurTransparent {background-color: transparent; font-size: 10px; font-family: "Bitstream Vera Sans", Verdana; color:#0099cc}
span.rouge {font-size: 10px; font-family: "Bitstream Vera Sans", Verdana; color: #F10000; font-weight:bold;}
span.vert {font-size: 10px; font-family: "Bitstream Vera Sans", Verdana; color: #56D256; font-weight:bold;}
table.tableau {border: 1px #0099cc solid;}
th.tableau-entete, td.tableau-entete {font-size: 12px; font-family: "Bitstream Vera Sans", Verdana; color:#ffffff; background-image: url(../images/tableau.entete.png); height: 22px; font-weight: bold; white-space:nowrap; text-align: center;}

/* ###################### */
/* # Page des tendances # */
/* ###################### */
tr.societe {height: 15px;}
td.societe {font-size: 10px; font-family: "Bitstream Vera Sans", Verdana;}

td.jour1 {background-color: #efebeb; color: #000000; font-size: 10px; font-family: "Bitstream Vera Sans", Verdana;}
td.mois1 {background-color: #efebeb; color: #000000; font-size: 10px; font-family: "Bitstream Vera Sans", Verdana;}

td.jour2 {background-color: #bfbfbf; color: #000000; font-size: 10px; font-family: "Bitstream Vera Sans", Verdana;}
td.mois2 {background-color: #bfbfbf; color: #000000; font-size: 10px; font-family: "Bitstream Vera Sans", Verdana;}

td.rouge, div.rouge {background-image:url(../images/graphique_rouge.png); color: #ffffff; font-size: 10px; font-family: "Bitstream Vera Sans", Verdana; text-align: center; padding:0px;}
td.vert, div.vert {background-image:url(../images/graphique_vert.png); color: #ffffff; font-size: 10px; font-family: "Bitstream Vera Sans", Verdana; text-align: center; padding:0px;}
td.jaune, div.jaune {background-image:url(../images/graphique_jaune.png); color: #000000; font-size: 10px; font-family: "Bitstream Vera Sans", Verdana; text-align: center; padding:0px;}
td.bleu, div.bleu {background-image:url(../images/graphique_bleu.png); color: #000000; font-size: 10px; font-family: "Bitstream Vera Sans", Verdana; text-align: center; padding:0px;}
td.gris, div.gris {background-image:url(../images/graphique_gris.png); color: #000000; font-size: 10px; font-family: "Bitstream Vera Sans", Verdana; text-align: center; padding:0px;}

/* ############ */
/* # Bannière # */
/* ############ */
#banniere
{
    margin: 0 auto;
    width: 750px;
}	

/* #################### */
/* # Menu des onglets # */
/* #################### */
#onglets
{
    margin: 0 auto;
    width: 750px;
    /*margin-bottom: 40px;*/
}

#onglets img
{
    float: left;
}

#onglets span
{
    margin: 0 auto;
    font-family: "Bitstream Vera Sans", "Verdana"; 
    color:#0099cc;
    font-size:10px; 
    font-weight: bold;
    float: left;
    padding-top: 5px;
}

#onglets ul
{
    margin: 0 auto;
    list-style: none;
}
    
#onglets li
{
    float: right;
    background: url(../images/onglet.gris.r.png) no-repeat right top;
    margin: 0;
    padding: 0;
}

#onglets a
{
    display: block;
    background: url(../images/onglet.gris.l.png) no-repeat left top;
    padding: 5px;
    padding-left: 15px;
    padding-right: 20px;
    font-family: "Bitstream Vera Sans", Verdana;
    font-size: 11px;
    text-decoration: none;
}

#onglets a img
{
    padding-right: 5px;
    margin-top: -2px;
}

#onglets #onglet-select
{
    background-image: url(../images/onglet.bleu.r.png);
    font-weight: bold;
}

#onglets #onglet-select a
{
    background-image: url(../images/onglet.bleu.l.png);
    color: #0099cc;
}

#onglets li.onglet-select
{
    background-image: url(../images/onglet.bleu.r.png);
    font-weight: bold;
}

#onglets li.onglet-select a
{
    background-image: url(../images/onglet.bleu.l.png);
    color: #0099cc;
}

td.ongletsSousMenu, td.ongletsSousMenuOver
{
    border-top: 1px solid #b3b1ac;
    border-left: 1px solid #b3b1ac;
    border-right: 1px solid #b3b1ac;
    background-color: #eeedec;
    font-family: "Bitstream Vera Sans", "Verdana"; 
    color:#b3b1ac;
    font-size:11px;
    cursor: pointer;
}

td.ongletsSousMenuOver
{
    color:#4d4b4b;
    text-decoration: underline;
}

/* ############# */
/* # Box grise # */
/* ############# */
a.box-gris-lien
{
    color:#b3b1ac;
}

a.box-gris-lien:hover
{
	color:#4d4b4b;
	text-decoration: underline;
}

/* ############################# */
/* # Définition de la box bleu # */
/* ############################# */
.box-bleu-haut-gauche {width:55px; height:40px; background:transparent url(../images/box.bleu.haut.gauche.vide.png) no-repeat scroll top left;}
.box-bleu-haut-centre {height:40px; background:transparent url(../images/box.bleu.haut.centre.png) repeat-x scroll top left; font-family: "Nimbus Sans L", Arial; color:#0099cc; font-size:13px; font-weight: bold; text-align:center; font-style:italic; padding-top: 13px;}
.box-bleu-haut-droit {width:55px; height:40px; background:transparent url(../images/box.bleu.haut.droit.png) no-repeat scroll top right;}
.box-bleu-milieu-gauche {width:14px; background:transparent url(../images/box.bleu.milieu.gauche.png) repeat-y scroll top left;}
.box-bleu-milieu-centre {font-family: "Bitstream Vera Sans", "Verdana"; color:#0099cc; font-size:10px; padding-top: 10px; padding-bottom: 10px; background-color: #ffffff;}
.box-bleu-milieu-droit {width:18px; background:transparent url(../images/box.bleu.milieu.droit.png) repeat-y scroll top right;}
.box-bleu-bas-gauche {width:55px; height:14px; background:transparent url(../images/box.bleu.bas.gauche.png) no-repeat scroll bottom left;}
.box-bleu-bas-centre {height:14px; background:transparent url(../images/box.bleu.bas.centre.png) repeat-x scroll bottom left;}
.box-bleu-bas-droit {width:15px; height:14px; background:transparent url(../images/box.bleu.bas.droit.png) no-repeat scroll bottom right;}
.box-bleu-texte-gras {font-family: "Bitstream Vera Sans", "Verdana"; color:#0099cc; font-size:10px; font-weight: bold;}
.box-bleu-titre {font-family: "Bitstream Vera Sans", "Verdana"; color:#0099cc; font-size:12px;}
.box-bleu-texte {font-family: "Bitstream Vera Sans", "Verdana"; color:#0099cc; font-size:10px;}
input.box-bleu, button.box-bleu {padding: 1px; color : #000000; font: normal 10px "bitstream Vera Sans", Verdana, sans-serif; border: 1px #0099cc solid; background-color: #FFFFFF;}
select.box-bleu {padding: 1px; color : #0099cc; font: normal 10px "bitstream Vera Sans", Verdana, sans-serif; border: 1px #0099cc solid; background-color: #FFFFFF;}
option.box-bleu {color : #0099cc; font: normal 10px "bitstream Vera Sans", Verdana, sans-serif; background-color: #ffffff;}
optgroup.box-bleu {color : #0099cc; font-weight:normal; font-style: italic;  font-family:"bitstream Vera Sans", Verdana, sans-serif; font-size:10px; background-color: #FFFFFF;}
a.box-bleu-lien, a.box-bleu-lien-main {font-family: "Bitstream Vera Sans", "Verdana"; color:#0099cc; font-size:10px; text-decoration:none;}
a.box-bleu-lien:hover, a.box-bleu-lien-main:hover {font-family: "Bitstream Vera Sans", "Verdana"; color:#0099cc; font-size:10px; text-decoration:underline;}
.box-bleu-lien-main {cursor: pointer;}

.box-bleu-haut-gauche-avertissement {width:55px; height:40px; background:transparent url(../images/box.bleu.haut.gauche.avertissement.png) no-repeat scroll top left;}
.box-bleu-haut-gauche-erreur {width:55px; height:40px; background:transparent url(../images/box.bleu.haut.gauche.erreur.png) no-repeat scroll top left;}
.box-bleu-haut-gauche-login {width:55px; height:40px; background:transparent url(../images/box.bleu.haut.gauche.login.png) no-repeat scroll top left;}
.box-bleu-haut-gauche-portefeuille {width:55px; height:40px; background:transparent url(../images/box.bleu.haut.gauche.portefeuille.png) no-repeat scroll top left;}
.box-bleu-haut-gauche-profil {width:55px; height:40px; background:transparent url(../images/box.bleu.haut.gauche.profil.png) no-repeat scroll top left;}
.box-bleu-haut-gauche-add {width:55px; height:40px; background:transparent url(../images/box.bleu.haut.gauche.add.png) no-repeat scroll top left;}
.box-bleu-haut-gauche-del {width:55px; height:40px; background:transparent url(../images/box.bleu.haut.gauche.del.png) no-repeat scroll top left;}
.box-bleu-haut-gauche-societe {width:55px; height:40px; background:transparent url(../images/box.bleu.haut.gauche.societe.png) no-repeat scroll top left;}
.box-bleu-haut-gauche-tableaudebord {width:55px; height:40px; background:transparent url(../images/box.bleu.haut.gauche.tableaudebord.png) no-repeat scroll top left;}
.box-bleu-haut-gauche-simulateur {width:55px; height:40px; background:transparent url(../images/box.bleu.haut.gauche.simulateur.png) no-repeat scroll top left;}

/* ########################################## */
/* # Définition de la box bleu transparente # */
/* ########################################## */
.box-bleu-transparente-haut-gauche {width:55px; height:40px; background:transparent url(../images/box.bleu.transparente.haut.gauche.vide.png) no-repeat scroll top left;}
.box-bleu-transparente-haut-centre {height:40px; background:transparent url(../images/box.bleu.transparente.haut.centre.png) repeat-x scroll top left; font-family: "Nimbus Sans L", Arial; color:#0099cc; font-size:13px; font-weight: bold; text-align:center; font-style:italic; padding-top: 13px;}
.box-bleu-transparente-haut-droit {width:55px; height:40px; background:transparent url(../images/box.bleu.transparente.haut.droit.png) no-repeat scroll top right;}
.box-bleu-transparente-milieu-gauche {width:15px; background:transparent url(../images/box.bleu.transparente.milieu.gauche.png) repeat-y scroll top left;}
.box-bleu-transparente-milieu-centre {font-family: "Bitstream Vera Sans", "Verdana"; color:#0099cc; font-size:10px; padding-top: 10px; padding-bottom: 10px; background-color: #ffffff;}
.box-bleu-transparente-milieu-droit {width:21px; background:transparent url(../images/box.bleu.transparente.milieu.droit.png) repeat-y scroll top right;}
.box-bleu-transparente-bas-gauche {width:55px; height:20px; background:transparent url(../images/box.bleu.transparente.bas.gauche.png) no-repeat scroll bottom left;}
.box-bleu-transparente-bas-centre {height:20px; background:transparent url(../images/box.bleu.transparente.bas.centre.png) repeat-x scroll bottom left;}
.box-bleu-transparente-bas-droit {width:55px; height:20px; background:transparent url(../images/box.bleu.transparente.bas.droit.png) no-repeat scroll bottom right;}

.box-bleu-transparente-haut-gauche-information {width:55px; height:40px; background:transparent url(../images/box.bleu.transparente.haut.gauche.information.png) no-repeat scroll top left;}
.box-bleu-transparente-haut-gauche-question {width:55px; height:40px; background:transparent url(../images/box.bleu.transparente.haut.gauche.question.png) no-repeat scroll top left;}
.box-bleu-transparente-haut-gauche-erreur {width:55px; height:40px; background:transparent url(../images/box.bleu.transparente.haut.gauche.erreur.png) no-repeat scroll top left;}
.box-bleu-transparente-haut-gauche-exception {width:55px; height:40px; background:transparent url(../images/box.bleu.transparente.haut.gauche.exception.png) no-repeat scroll top left;}
.box-bleu-transparente-haut-gauche-societe {width:55px; height:40px; background:transparent url(../images/box.bleu.transparente.haut.gauche.societe.png) no-repeat scroll top left;}

/* ########################### */
/* # Définition du foot gris # */
/* ########################### */
.foot-gris-gauche {width:14px; height:26px; background:transparent url(../images/foot.gris.gauche.png) no-repeat scroll top left;}
.foot-gris-centre {height:26px; background:transparent url(../images/foot.gris.centre.png) repeat-x scroll top left; font-family: "Bitstream Vera Sans", Verdana; color:#4d4b4b; font-size:10px; text-align:center;}
.foot-gris-droit {width:17px; height:26px; background:transparent url(../images/foot.gris.droit.png) no-repeat scroll top right;}

/* #################### */
/* # ProgressBar bleu # */
/* #################### */
td.progressbar-bleu {height:23px; background:transparent url(../images/progressbar.bleu.png) repeat-x scroll top left;}
div.progressbar-bleu {border: 1px #0099cc solid;}
span.progressbar-bleu {text-align: center; position:relative; top:-21px; z-index:3; color:#000000; font-family:"Bitstream Vera Sans", Verdana; font-size:16px; font-weight:bold;}

/* #################### */
/* # ContextMenu bleu # */
/* #################### */
.contextmenu-bleu-background {background-color: #d2e8ff;}
table.contextmenu-bleu {border: 1px #0099cc solid; background-color: #ffffff; padding: 0;}
.contextmenu-bleu-contenu {font-family: "Bitstream Vera Sans", "Verdana"; padding: 2px; color:#0099cc; font-size:10px; padding-bottom: 6px; padding-top: 6px;}
.contextmenu-unactive-contenu {font-family: "Bitstream Vera Sans", "Verdana"; padding: 2px; color:#a6a6a6; font-size:10px; padding-bottom: 6px; padding-top: 6px;}

tr.contextmenu-bleu-selected {background-color: #b3b1ac; cursor: default;}
tr.contextmenu-bleu-selected td {background-color: #b3b1ac; cursor: default;}


/* ################################# */
/* # Définition de la page profils # */
/* ################################# */
li.liste-profils
{
	list-style-image: url(../images/img_puce_16px.gif);
	font-size: 10px;
	padding: 0;
	margin: 0;
	margin-top: -2px;
	font-family: "Bitstream Vera Sans", Verdana;
	color:#0099cc;
}

li.liste-profils-tete
{
	list-style-image: url(../images/img_portefeuille_16px.png);
	padding: 0;
	margin: 0;
	margin-left: -4px;
}

img.liste-profils
{
	margin-left: -3px;
}

/* ############# */
/* # Sorttable # */
/* ############# */
/* Sortable tables */
table.sortable a.sortheader 
{
    font-size: 12px;
    font-family: "Bitstream Vera Sans", Verdana;
    color:#ffffff;
    text-decoration: none;
    display: block;
}
table.sortable span.sortarrow {
    color:#ffffff;
    text-decoration: none;
}

/* ################### */
/* # Liste sans puce # */
/* ################### */
ul.sansPuce
{
    padding: 0;
	margin: 0;
    list-style: none;
}

ul.sansPuce li
{
    padding-top : 1px;
    padding-bottom : 1px;
}