/* 
Document   : style
Created on : 5 mars 2012, 10:59:31
Author     : Hervé
Description:
Purpose of the stylesheet follows.
*/

root { 
    display: block;
}


*{margin: 0; padding: 0;}
ul{padding: 0 0 0 20px; margin: 20px;}
a img{border: 0;}
a{color: #131533; text-decoration: underline;}
a:hover{text-decoration: none;}
p{margin: 1em 0;}
fieldset{border: none;}

h2,h3{margin: 0 0 0.5em; font-weight: normal;}
h2{font-size: 14pt; font-weight: bold;}

h1#logo, h1#logo a, h1#logo img{margin: 0; padding: 0; display: block;}
html {
    background: url(../images/top.jpg) no-repeat top center;
}









body {
    font-family: Arial, sans-serif;
    font-size: 10pt;
    color: #333353;
}

#header {
    height: 120px;
    overflow: hidden;
    position: relative;
}

#subtitle{
    position: absolute;
    right: 15px;
    top: 60px;
}


#box1{
    position:absolute;
}
#box1 span{
    display:block;
    float:left;
}






#sitecont {
    width: 959px;
    margin: 0 auto;
    padding: 0;
    overflow: visible;
}

#sitecont_2 {
    width: 1259px;
    margin: 0 auto;
    padding: 0;
    overflow: visible;
}

#topbar{
    position: absolute;
    top: 0;
    right: 0;
    width: 467px;
    height: 56px;
    line-height: 28px;
    color: white;
    font-size: 8pt;
    background: url(../images/topbar.jpg) no-repeat;
    text-align: right;
    padding: 0 5px;
}
    #topbar a {
            color: white;
    }
    #topbar label {
            padding: 0 10px;
    }
    #topbar input.field {
            width: 110px;
            border: 1px solid #abd4e2;
            margin: 0 5px;
            background: #ddeef3;
            color: #111331;
    }

.btn_small {
    background: url(../images/btn_small.png) no-repeat;
    border: 0;
    padding: 0 4px 4px 0;
    font-size: 9pt;
    line-height: 17px;
    height: 25px;
    text-align: center;
    color: white;
    width: 34px;
    vertical-align: middle;
}

.btn_deconnecter {
    background: url(../images/btn_125.png) no-repeat;
    border: 0;
    padding: 0 4px 4px 0;
    font-size: 9pt;
    line-height: 17px;
    height: 25px;
    text-align: center;
    color: white;
    width: 125px;
    vertical-align: middle;
}

table.tableau_a {
    font-family: Arial, sans-serif;
    font-size: 12px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    text-align: left;
    border-collapse: collapse;
    border: 1px solid #69c;
    width: 480px;
}
table.tableau_a th {
    padding: 12px 10px 12px 10px;
    font-weight: bold;
    font-size: 13px;
    color: #039;
    border-bottom: 1px dashed #69c;
    border-right: 1px solid #aabcfe;
    border-left: 1px solid #aabcfe;
    border-top: 0;
}
table.tableau_a tbody td {
    padding: 3px 3px 3px 3px;
    color: #669;
    border-right: 1px solid #aabcfe;
    border-left: 1px solid #aabcfe;
    border-top: 0px solid #aabcfe;
    border-bottom: 0px solid #aabcfe;
    white-space: nowrap;
}
table.tableau_a tbody tr:hover td {
    color: #339;
    background: #FFF168;
}
table.tableau_a tfoot {
    border-top: 1px solid #69c;
}
table.tableau_a tfoot td {
    color: #669;
    background: #ddd;
    font-size: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: center;
    font-style: italic;
}
.couleur-data-nomenclature {
    background: #f2f5ff;
}
.couleur-data-etablissement {
    background: #e5eaff;
}
.couleur-data-requete {
    background: #f2f5ff;
}
.couleur-data-surf {
    background: #e5eaff;
}
.sous_titre {
    font-style:italic;
    font-weight: normal;
    font-size: smaller;
    white-space: nowrap;
}
.titre_tableau {
    font-size: large;
}
table.tableau_b {
    font-family: Arial, sans-serif;
    font-size: 12px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    text-align: left;
    border-collapse: collapse;
    border: 1px solid #69c;
    width: 100%;
    background-color: white;
}
table.tableau_b th {
    padding: 12px 10px 12px 10px;
    font-weight: bold;
    font-size: 13px;
    color: #039;
    border-bottom: 1px dashed #69c;
    border-right: 1px solid #aabcfe;
    border-left: 1px solid #aabcfe;
    border-top: 0;
}
table.tableau_b td {
    padding: 3px 3px 3px 3px;
    color: #669;
    border-right: 1px solid #aabcfe;
    border-left: 1px solid #aabcfe;
    border-top: 0px solid #aabcfe;
    border-bottom: 0px solid #aabcfe;
    white-space: nowrap;
}
table.tableau_b tbody tr:hover td {
    color: #339;
    background: #FFF168;
}
tr.saut_de_ligne {
    height: 30px;
}
tr.surligner {
    background: url("../images/pattern-head.png");
}

/**
* accordion
background: url(../images/leftLI.gif) repeat-x;

*/
#accordion {
    margin: 20px 0 0;
    max-width: 100%;
}
    #accordion H2 {

            border-left:1px solid #69c;
            border-right:1px solid #69c;
            border-top:1px solid #69c;
            border-bottom:1px solid #69c;

            cursor: pointer;
            line-height: 23px;
            font-size: 9pt;
            text-align: center;
            height: 23px;

            padding: 0 5px;

            margin-left:0;
            margin-right:0;
            margin-top:3px;
            margin-bottom:0;

            text-transform: uppercase;
    }
            #accordion H2.partie_parametrage {
                    background-color:#B8CCE4;
                    color: black;
            }
            #accordion H2.partie_tutoriel {
                    background-color:#B8CCE4;
                    color: black;
            }
            #accordion H2.partie_compta_g {
                    background-color:#E6B9B8;
                    color: black;
            }
            #accordion H2.partie_analytique {
                    background-color:#D7E4BC;
                    color: black;
            }
            #accordion H2.partie_sociale {
                    background-color:#B6DDE8;
                    color: black;
            }
            #accordion H2.partie_autres {
                    background-color:#CCC0DA;
                    color: black;
            }
            #accordion H2.schema {
                    background: url(../images/leftLI.gif) repeat-x 0 0;
                    color: white;
            }
            #accordion H2:hover {
                    text-decoration: underline;
            }
    #accordion .content {
            padding-left:0;
            padding-right:0;
            padding-top:0;
            padding-bottom:0;
            background:transparent url(../images/gradient.png) repeat-x top;
            overflow: visible;
    }

/**
* @version		: 1.0
* @pactage		: minigraphs
* @author		: Hervé Hautbois
* @copyright	: Copyright (c) 2011 Hervé Hautbois
* @license		: GNU/GPL license: http://www.gnu.org/copyleft/gpl.html
*/
object.minigraphs {
    width: 100px;
    height: 15px;
    padding: 0px;
    margin: 0px;
    display: inherit;
    overflow: hidden;
    border-width: 0;
}

iframe.minigraphs {
    width: 100px;
    height: 15px;
    padding: 0px;
    margin: 0px;
    display: inherit;
    overflow: hidden;
    border-width: 0;
}

img.minigraphs {
    width: 100px;
    height: 15px;
    padding: 0px;
    margin: 0px;
    display: inherit;
    overflow: hidden;
    border-width: 0;
}

object.graphs {
    width: 1200px;
    height: 220px;
    padding: 0;
    margin: 0;
    display: inherit;
    overflow: hidden;
    border-width: 0;
}

div.liste_des_boutons {
    text-align: center;
    margin-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
}

input.button {
    border-left:1px solid #69c;
    border-right:1px solid #69c;
    border-top:0;
    border-bottom:1px solid #69c;

    padding-left:3px;
    padding-right:3px;
    padding-top:3px;
    padding-bottom:3px;

    margin-left:3px;
    margin-right:3px;
    margin-top:0;
    margin-bottom:0;

    font-size:13px;
    text-decoration:none;
    font-family:Georgia, "Times New Roman", Times, serif;

    cursor: pointer;
    
    background-color: #ddd;
}

input.button_2 {
    border-left:1px solid #69c;
    border-right:1px solid #69c;
    border-top:1px solid #69c;
    border-bottom:1px solid #69c;

    padding-left:3px;
    padding-right:3px;
    padding-top:3px;
    padding-bottom:3px;

    margin-left:3px;
    margin-right:3px;
    margin-top:3px;
    margin-bottom:3px;

    font-size:13px;
    text-decoration:none;
    font-family:Georgia, "Times New Roman", Times, serif;

    cursor: pointer;
}

div.bloc {
    overflow: visible;
    width: 99%;
    margin: 0 auto;
}

table.table_conteneur {
    border: 0;
    margin: 0;
    padding: 0;
}

div.liste_des_boutons_ {}

input.button_ {
    border-left:1px solid #69c;
    border-right:1px solid #69c;
    border-top:1px solid #69c;
    border-bottom:0;

    padding-left:2px;
    padding-right:2px;
    padding-top:2px;
    padding-bottom:2px;

    margin-left:3px;
    margin-right:3px;
    margin-top:0;
    margin-bottom:0;

    background:#f2f5ff;

    font-size:12px;
    text-decoration:none;
    font-family:Georgia, "Times New Roman", Times, serif;

    cursor: pointer;
}

input.button.selected, input.button_.selected {
	background-image: url("../images/leftLI.gif");
	color: white;
}

input.button.selected {
	background-image: url("../images/leftLIi.png");
	color: white;
}

div.bloc_ {}

div#footer {
    margin-left: 0;
    margin-right: 0;
    margin-top: 3px;
    margin-bottom: 0;
    padding: 0;
    clear: both;
    background: url(../images/footer.gif) repeat-x 0 0;
    text-align: center;
    line-height: 29px;
    height: 29px;
    color: white;
}

div#footer a {
    color: white;
}

.tip-top {}
.tip {
    font-family:tahoma,arial;
}
    .tip-title {
            background-image:url("../images/leftLI.gif");
            color:#ffffff;
            text-align: center;
            padding: 3px;
    }
    .tip-text {
            background-image:url("../images/tips/fond_tips_2.png");
            color:#ffffff;
            padding: 5px;
    }
.tip-bottom {}

.tipz {
    cursor: pointer;
}








div.barre {
    height: 10px;
    border-top-color: #000000;
    border-top-style: solid;
    border-top-width: thin;
    border-right-color: #000000;
    border-right-style: solid;
    border-right-width: thin;
    border-bottom-color: #000000;
    border-bottom-style: solid;
    border-bottom-width: thin;
}

div.remplissage_1 {background-color: #4F81BD;}
div.remplissage_2 {background-color: #B8CCE4;}
div.remplissage_3 {background-color: #ffffff;}

td.fond_graphique {
    background-image: url("../images/fond_graphique.png");
}

td.border_top {
    border-top-color: #000000;
    border-top-style: solid;
    border-top-width: thin;
    border-left-color: #000000;
    border-left-style: solid;
    border-left-width: thin;
    border-right-color: #000000;
    border-right-style: solid;
    border-right-width: thin;
}
td.border_middle {
    border-left-color: #000000;
    border-left-style: solid;
    border-left-width: thin;
    border-right-color: #000000;
    border-right-style: solid;
    border-right-width: thin;
}
td.border_bottom {
    border-bottom-color: #000000;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-left-color: #000000;
    border-left-style: solid;
    border-left-width: thin;
    border-right-color: #000000;
    border-right-style: solid;
    border-right-width: thin;
}
td.border_haut {
    border-top-color: #000000;
    border-top-style: solid;
    border-top-width: thin;
}
td.border_bas {
    border-bottom-color: #000000;
    border-bottom-style: solid;
    border-bottom-width: thin;
}

span.pourcentage {
    font: arial;
    font-size: 12px;
}
span.graph_legende {
    font: arial;
    font-size: 13px;
}
span.graph_titre {
    font: arial;
    font-size: 16px;
}

.graphique {
    background-color: #f2f5ff;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    border: 1px solid #69c;
}

div.legend_box {
    height: 10px;
    width: 10px;	
    border-style: solid;
    border-width: thin;
    border-color: #000000;	
}

span.presentation {
    font-size:20px;
    text-decoration:none;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-style: italic;

}

img.icone {
    padding: 7px;
    border-color: #000000;
    border-style: solid;
    border-width: thin;
}

tr.export_donnee {
	background-color: #ddd;
}