/******************************
*   STYLES DE L'APPLICATION   *
******************************/

body, select, input {
	font-family : Arial;
	font-weight : normal;
	font-size : 11px;
	color : #000000;
	background-color : #FFFFFF;
	border-style:0;
}


/**************************************
*    STYLES POUR LES LISTES A PUCES   *
**************************************/

ul.liste-level1
{
	list-style : none;
}

ul.liste-level2
{
	list-style : square;
}


/*************************
*   STYLES DES BOUTONS   *
*************************/

.bouton-texte
{
	padding-left:18px;
	color:#000000;
}

div#bouton-imprimer
{
	background-image:url(../../../images/buttons/actions/ico_imprimer.gif);
	font-family : Verdana;
}

#bouton-fermer
{
	background-image:url(../../../images/buttons/actions/ico_fermer.gif);
}

#bouton-apropos
{
	background-image:url(../../../images/buttons/actions/ico_aide.gif);
}



/***********************
*   STYLES DES BLOCS   *
***********************/

div.box-contents 
{
	color:#000000;
}

div.box-result {
	color:#FFFFFF; 
	font-weight : bold;
	background-color:#FF9B46;
	font-size : 12px;
}

div.block
{
	background-color: #F7F5F5;
}


/* couleur des coins
********************/

div.top-left-corner, div.top-right-corner, div.bottom-left-corner, div.bottom-right-corner
{
	background-color:#FFFFFF; 
}

div.corner 
{
	color:#F7F5F5; 
}

div.corner-result 
{
	color:#FF9B46; 
}

/******************************************
*   STYLES DES ENTETES ET PIEDS DE PAGE   *
******************************************/

div.bandeau
{
	background-color : #8BA3A9;
}

span.footer-content
{
	color : #FFFFFF;
}


/*********************************
*   STYLES DES BLOCS DE SAISIE   *
*********************************/

.libelle
{
	color:#ED7A09;
}

input, select
{
	border:0 !important;
	background-color : #ECE9E9 !important;
}

input.radiobutton
{
	background-color:#F7F5F5 !important;
	vertical-align:baseline;
}

/*************************
*   STYLES DES SLIDERS   *
*************************/

div.slider .slider-label
{
	font-size : 9px;	
}

input.input-slider-value
{
    border:0 !important;
    padding:0px;
    margin:0px;
    text-align:center;
    background-color : #F7F5F5 !important;
    color:#ED7A09;
    line-height:9px;
    height:9px;
}

div.slider .slider-borne
{
	color:#000000;
}

.handle
{
    background: url(../../../images/sliders/curseur_rond_1.gif) no-repeat;
    width:13px;
    height:14px;
}

.track
{
	background:url(../../../images/sliders/fond_horizontale_2.gif) no-repeat center;
	width:115px;
	height:14px;
}

.longtrack
{
	background:url(../../../images/sliders/fond_horizontale_2_width200px.gif) no-repeat center;
	width:200px;
	height:14px;
}

.verylongtrack
{
	background:url(../../../images/sliders/fond_horizontale_2_width240px.gif) no-repeat center;
	width:240px;
	height:14px;
}

/****************************
*    STYLES DES LEGENDES    *
****************************/
div.chart-legend
{
	border:1px solid #C6BAD5;	
}

div#simulation-non-contractuelle
{
	font-style:italic;
}

span.titre-legende
{
	font-size:9px;
	font-weight:bold;
}

/****************************
*    STYLES DES TABLEAUX    *
****************************/
.ligne-paire {
    background-color : #F8E0C5;
}

.ligne-impaire {
    background-color : #EAE8E8;
}