/**********************************
*   STYLES DU LAYOUT DE L'ECRAN   *
**********************************/

div#header
{
	line-height:40px;
}

div#content
{
	overflow:hidden
}

div#footer
{
	line-height:20px;
}

span.footer-content
{
	padding-left:20px;
	padding-right:20px
}


/****************************
*   STYLES DES SELECTEURS   *
****************************/


p 
{
	margin:0px;
	margin-bottom:10px;
	text-align:justify;
}

div.simble-block p
{
	width:315px;
}

div.double-block p 
{
	width:659px;
}

H2
{
	padding: 0px 0px 0px 8px;
	margin:0px;
}


/********************************
*   STYLES DES BOUTONS   *
********************************/

img.bouton-image, cursor-pointer
{
	cursor:pointer
}


p.bouton-paragraphe
{
	text-align:center;
}

.bouton-texte
{
	background-position:left;
	background-repeat:no-repeat;
	cursor:pointer;
	margin-right:10px;
}

.bouton-entete
{
	float:right;
}

.bouton-pied
{
	line-height:34px;
}

div#bouton-imprimer
{
	position:absolute;
	bottom:0px;
	right:0px;
	padding-right:8px;
	margin-bottom:2px;
	line-height:18px;
}

/**************************************
*   STYLES POUR LES BLOCS DE SAISIE   *
***************************************/
table.saisie
{
	margin-bottom:20px;
	padding:0px;
}

table.simplebloc
{
	width:315px;
}

table.saisie td
{
	padding:0px;
}

table.saisie td
{
	height:24px;
	vertical-align:middle;
}

table.saisie td.case-saisie
{
	width:160px;
}

table.saisie td.case-saisie-unite
{
	width:120px;
	text-align:right;
}

table.saisie td.unite
{
	padding-left:10px;
	text-align:left;
}

#signaletique input, #signaletique select
{
	width:160px;
}


input.saisie-montant
{
	text-align:right;
}


/******************************************
*   STYLES POUR L'INSERTION D'UN SLIDER   *
******************************************/

.slider
{
	width:320px;
}

div.clearfix
{
    display: inline-block;
}

div.clearfix:after 
{ 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
}

.slider .slider-borne
{
	text-align:center;
	width:50px;
	height:20px;
	line-height:30px;
	clear:none;
	float:left;
}

.slider .slider-value
{
	text-align:center;
}

.slider .libelle-slider
{
	line-height:50px;
	float:left;
}

.slider .slider-object
{
	text-align:center;
	width:125px;
	float:left;
}

div.slider .slider-content-object
{
	float:right;
}

.handle
{
    position:relative;
    cursor:pointer;
}

.track, .longtrack, .verylongtrack
{
	margin:10px;
	clear:none;
	float:left;
}


/****************************
*   STYLES POUR LES IMAGES  *
****************************/

#image-titre
{
	float:left;
	padding-left:41px;
}

img.image-pied-fond {
	position: absolute; 
	bottom:0px; left:0px;
}



/***************************************
*   STYLES POUR LES BLOCS PRINCIPAUX   *
***************************************/

/* styles pour le défilement des écrans
***************************************/

div.next-screen, div.next-screen-signaletique {
    margin-left:10px;
}


#scrollpane, #scrollpane-button
{
        width: 3800px;
        position:  relative;
        margin:0px;
        clear:both;
        padding-left:10px;
}

/* styles pour les barres de boutons
************************************/

div.buttons 
{
    position:relative;
    float:left;
    height:23px;
    padding-top:10px;
    padding-bottom:10px;
}


/* styles commun à tous les blocs
*********************************/

div.block
{
    position:relative;
    float:left;
    height:388px;
}


/* styles pour les coins arrondis
*********************************/

div.corner-pos
{
	position:absolute; 
	width:20px; 
	height:20px; 
	overflow:hidden;
}
div.top-left-corner { top:0px; left:0px; }
div.bottom-left-corner {bottom:0px; left:0px;}
div.top-right-corner {top:0px; right:0px;}
div.bottom-right-corner {bottom: 0px; right:0px;}


div.top-left-inside, div.top-right-inside, div.bottom-left-inside, div.bottom-right-inside  
{
	position:relative; 
	font-size:150px; 
	font-family:arial; 
	line-height: 40px;
}


div.top-left-inside {left:-8px;}
div.bottom-left-inside{left:-8px; top:-17px;}
div.top-right-inside {left:-25px;}
div.bottom-right-inside {left:-25px; top:-17px;}


/* styles pour le contenu des blocs classiques
**********************************************/

div.box-contents {
	position: relative; padding: 20px 8px 8px 8px; 
}

/* styles pour le contenu des blocs de résultats
************************************************/

div.box-result {
	position: absolute; 
	padding-left: 8px; 
	padding-right: 8px; 
	padding-bottom: 20px; 
	padding-top: 10px; 
	bottom:0px; left:0px;right:0px;
}


/* largeurs des différents blocs
********************************/

div.simple-block, div.simple-buttons
{
    width:336px;
}

div.double-block, div.double-buttons
{
    width:680px;
}

div.simple-block-result
{
    width:320px;
}

div.double-block-result
{
    width:664px;
}



/*************************************
*   STYLES POUR LES LISTES A PUCES   *
*************************************/


ul.liste-level1, ul.liste-level2
{
	padding-left:5px;
	margin-top:5px;
	margin-bottom:0px;
	margin-right:0px;
}
ul.liste-level1
{
	margin-left: 0px;
}
ul.liste-level2
{
	margin-left: 25px;
}

/****************************
*    STYLES DES LEGENDES    *
****************************/

div.chart-legend
{
	width:125px;
	text-align:left;
	padding-left:3px;
	padding-top:3px;
	margin:2px;
}

div#simulation-non-contractuelle
{
	position:absolute;
	bottom:0px;
	left:0px;
	padding-left:8px;
	margin-bottom:2px;
}

/****************************
*    STYLES DES tooltip    *
****************************/
.tooltip_content
{
  padding:5px
}