<?
header('Content-Type: text/html; charset=utf-8'); 
// Variables "globales"
$c_fondpage   = "#ffffff";

$c_texte = "#2C2C2C";

$c_textselect_enabled = $c_texte;
$c_fondselect_enabled = $c_fondpage;

$c_textselect_disabled = '#CCCCCC';
$c_fondselect_disabled = $c_fondpage;

$c_textetitrepage = "#FFF5EE";
$c_fondtitrepage  = "#830B0A";   // Raccord avec image dégradée

$c_fondtitre  = "#FFFAAA";
$c_fondexpert = "#FFCCAA";

$c_fondtableau = "#F9F9FF";

// <th> dans les tableaux 
$c_fondtitretab_princ  = "#084466";
$c_fondtitretab  = "#0A6699";
$c_textetitretab  = "#FFFFFF";

$c_fondresultat  = "#fffad2";   // Fond des cellules de résultat (bilan)

// Boutons
$c_bt_on    = "#E0F0FD";
$c_bt_off   = "#BBBBFF";
$c_bt_hover = "#FFFAAA";

//---------------------------------------------------
function ajoute_sous_titre($titre, $withline) {
    echo "\n\n";
    if ($withline) {
        echo "<p><img src='img/vague_horiz.gif'>";
    }
    echo "<div class='soustitre'> $titre </div>";
    echo "\n";
}


// Initialisation des variables de session
function init_variables_de_session() {
    $_SESSION=array();
    $_SESSION['session_ok'] = "ok";
    
    //-----------------------------------------------------------------
    // Paramètres liés à la base de donnée.
    // Une sauvegarde est effectué lors de l'affichage du résultat.
    //-----------------------------------------------------------------
    $_SESSION['db_num_simul'] = 0;   // nombre de simulations effectuées ds la session
    $_SESSION['db_code_simul'] = 0;  // code associé à la session pour la base de données
    
    // Pour l'affichage du résultat précédent
    $_SESSION['memo_total'] = 0;   
    $_SESSION['memo_total_pers'] = 0;  
    $_SESSION['memo_cout_annuel'] = 0;  
    $_SESSION['memo_postes'] = array(); 

    // pour éviter les sauvegarde si rien n'a changé :
    $_SESSION['db_last_total'] = 0;  // dernier cout total enregistré
    $_SESSION['db_last_total_pers'] = 0;  // dernier enregistré
    $_SESSION['db_last_cout_annuel'] = 0;  // dernier enregistré
    $_SESSION['db_last_postes'] = array();  // dernière liste de postes affichée
    $_SESSION['db_last_prixm3'] = 0; // dernier prixm3 enregistré
    $_SESSION['db_last_pays'] = 0;   // dernier enregistré
    $_SESSION['db_last_ville'] = 0;  // dernier enregistré
    
    //----------------------------------------
    // Valeurs utilisées dans les calculs
    //----------------------------------------
    
    //----------------------------------------
    // accueil.php
    //----------------------------------------
    $_SESSION['expert'] = 0;            // mode expert (1/0)
    $_SESSION['pays'] = "FR";               // pays
    $_SESSION['departement'] = "";        // Numéro de département
    $_SESSION['ville'] = "";                // nom de la ville
    
    $_SESSION['cout_m3'] = 2.77;            // Prix de l'eau
    $_SESSION['logement'] = "appartement";       // "maison" ou "appartement"
    $_SESSION['occupation'] = "principal";  // "principal" ou "secondaire"
    $_SESSION['aire_logement'] = 70;        // surface du logement en m2
    
    $_SESSION['duree_occupation'] = 50;     // nbre de semaines d'occupation / an
    $_SESSION['pluviometrie'] = 600;        // pluviométrie (cumul annuel) en mm
    $_SESSION['coef_ado']     = 1.2;        // pondération de la conso par rapport à un adulte
    $_SESSION['coef_enfant']  = 0.7;     // pondération de la conso par rapport à un adulte
    $_SESSION['coef_bebe']    = 1.4;     // pondération de la conso par rapport à un adulte
    $_SESSION['coef_mitemps'] = 0.8;     // pondération de la conso par rapport à un adulte
    
    $_SESSION['adultes_mitemps'] = 0;    // nbre d'adultes en demi-pension
    $_SESSION['adultes_complet'] = 0;    // nbre d'adultes présents tout le temps
    $_SESSION['ados_mitemps'] = 0;       // nbre d'ados en demi-pension
    $_SESSION['ados_complet'] = 0;       // nbre d'ados présents tout le temps
    $_SESSION['enfants_mitemps'] = 0;    // nbre d'ados en demi-pension
    $_SESSION['enfants_complet'] = 0;    // nbre d'ados présents tout le temps
    $_SESSION['bebes_mitemps'] = 0;       // nbre de bébés en demi-pension
    $_SESSION['bebes_complet'] = 0;       // nbre de bébés présents tout le temps
    
    $_SESSION['nuitees_amis'] = 0;       // nbre annuel de nuitées
    
    //----------------------------------------
    // interieur.php
    //----------------------------------------
    $_SESSION['lave_linge'] = "norm";       // "non" "norm" "eco"
    $_SESSION['lave_vaisselle'] = "norm";   // "non" "norm" "eco"
    $_SESSION['chauffe_eau'] = "continu";   // "continu" "cumulus"
    $_SESSION['pc_surf_carrelee'] = 50;    // % de surface carrelée
    $_SESSION['vol_serpillage']   = 0.2;     // litres /m2 / semaine
    
    $_SESSION['c_cuisine']  = 15;    // litres / personne /jour
    
    $_SESSION['vol_lessive_main'] = 40;   // litres
    $_SESSION['vol_lessive_norm'] = 110;   // litres
    $_SESSION['vol_lessive_eco']  = 73;   // litres
    $_SESSION['vol_vaisselle_main'] = 30;   // litres
    $_SESSION['vol_vaisselle_norm'] = 52;   // litres
    $_SESSION['vol_vaisselle_eco']  = 23;   // litres
    $_SESSION['nb_lessive']   = 0.2;   // nbre de lessives / jour / personne
    $_SESSION['nb_vaisselle'] = 0.4;    // nbre de vaisselles / jour / personne
    $_SESSION['nb_lessive_man']   = 0.05;   // nbre de lessives / jour / personne
    $_SESSION['nb_vaisselle_man'] = 0.1;    // nbre de vaisselles / jour / personne
    
    $_SESSION['baindouche'] = "douchenorm";
        // "douchenorm" "doucheeco" "doucherelax" "bainnorm" "bainrelax"
    
    $_SESSION['nb_douchebain']  = 7;   // nbre de douche ou bain / personne / semaine
    $_SESSION['nb_bain_relax']  = 1;   // nbre / personne / semaine
    $_SESSION['pc_bain_douche'] = 80;   // % de douches prises dans la baignoire
    
    // Consommation des douches d'après le débit et la durée
    $_SESSION['duree_douche_norm']  = 5;   // minutes
    $_SESSION['duree_douche_eco']   = 5;   // minutes
    $_SESSION['duree_douche_relax'] = 10;  // minutes
    
    $_SESSION['debit_douche_norm']  = 12;  // litres/minute
    $_SESSION['debit_douche_eco']   = 8;   // litres/minute
    $_SESSION['debit_douche_relax'] = 8;   // litres/minute
    
    
    $_SESSION['vol_bain_norm']   = 110;   // litres
    $_SESSION['vol_bain_relax']  = 140;   // litres
    $_SESSION['vol_toilette'] = 10;       // petite toilette : litres / personne /jour
    
    $_SESSION['nb_salles_bain'] = 0;
    $_SESSION['double_vasque'] = 0;    // 1/0
    $_SESSION['douche_sup'] = 0;       // 1/0
    $_SESSION['pc_douche_sup'] = 10;   // % en + sur les douches et bains
    $_SESSION['pc_2_vasques']  = 10;   // % en + sur les toilettes
    $_SESSION['pc_2_salles']   = 15;   // % en + sur les douches ou bains

    // WC
    $_SESSION['nb_wc_norm']  = 1;      // nombre
    $_SESSION['nb_wc_eco']   = 0;      // nombre
    $_SESSION['c_wc_norm']   = 8;       // litres / chasse d'eau
    $_SESSION['c_wc_eco']    = 4;       // litres / chasse d'eau
    $_SESSION['nb_lave_main'] = 0;      // nombre
    $_SESSION['c_lave_main']  = 2;      // litres à chaque utilisation des WC
    $_SESSION['nb_chasse'] = 4;         // chasses d'eau / personne / jour
    $_SESSION['pc_chasse_eco'] = 75;    // pourcentage de chasses éco
    
    // divers
    $_SESSION['plante_verte'] = 0;   // nbre de
    $_SESSION['petit_chien']  = 0;   // nbre de
    $_SESSION['gros_chien']   = 0;   // nbre de
    $_SESSION['vol_aquarium'] = 0;   // litres
    $_SESSION['c_plante_verte'] = 1;   // litres/semaine
    $_SESSION['c_petit_chien'] = 1;    // litres/jour
    $_SESSION['c_gros_chien']  = 2;    // litres/jour
    $_SESSION['remp_aquarium'] = 4;    // remplissages / an

    //-----------------------------
    // exterieur.php
    //-----------------------------
    $_SESSION['aire_pelouse'] = 0;       // surface en m2
    $_SESSION['aire_potager'] = 0;       // surface en m2
    $_SESSION['aire_agrement'] = 0;      // surface en m2
    
    $_SESSION['mode_pelouse']  = "tuyau";   // "aucun" "arrosoir" "tuyau" "goutte" "nature"
    $_SESSION['mode_potager']  = "tuyau";   // "aucun" "arrosoir" "tuyau" "goutte" "nature"
    $_SESSION['mode_agrement'] = "tuyau";  // "aucun" "arrosoir" "tuyau" "goutte" "nature"
    
    $_SESSION['jours_pelouse']  = 10;        // nbre de jours d'arrosage / an
    $_SESSION['jours_potager']  = 20;        // nbre de jours d'arrosage / an
    $_SESSION['jours_agrement'] = 15;        // nbre de jours d'arrosage / an
    
    $_SESSION['c_pelouse_arrosoir']  = 3;       // litres par jour d'arrosage par m2
    $_SESSION['c_potager_arrosoir']  = 5;       // litres par jour d'arrosage par m2
    $_SESSION['c_agrement_arrosoir'] = 4;       // litres par jour d'arrosage par m2
    
    $_SESSION['c_pelouse_tuyau']  = 5;       // litres par jour d'arrosage par m2
    $_SESSION['c_potager_tuyau']  = 7;       // litres par jour d'arrosage par m2
    $_SESSION['c_agrement_tuyau'] = 6;       // litres par jour d'arrosage par m2

    $_SESSION['c_pelouse_goutte']  = 2;       // litres par jour d'arrosage par m2
    $_SESSION['c_potager_goutte']  = 4;       // litres par jour d'arrosage par m2
    $_SESSION['c_agrement_goutte'] = 3;       // litres par jour d'arrosage par m2
    
    $_SESSION['nb_arbres'] = 0;        // nbre d'arbres arrosés
    $_SESSION['c_arbres']  = 50;       // litres / arrosage / arbre
    $_SESSION['jours_arbres'] = 10;    // nbre de jours d'arrosage
    
    $_SESSION['pisc_perm'] = 0;       // présence d'une piscine (1/0)
    $_SESSION['pisc_hsol'] = 0;       // présence d'une piscine (1/0)
    $_SESSION['vol_pisc_perm'] = 0;   // volume en m3
    $_SESSION['vol_pisc_hsol'] = 0;   // volume en m3
    $_SESSION['nb_remp_pisc_perm'] = 0.33;   // nbre de remplissages / an
    $_SESSION['nb_remp_pisc_hsol'] = 1;   // nbre de remplissages / an
    
    $_SESSION['nb_lavage_voiture'] = 0;       // nombre annuel de lavages
    $_SESSION['c_lavage_voiture'] = 200;      // litres
}

//---------------------------------------------------------------------
// Aide en ligne
function add_tooltip($class, $message)
{
    // pas de <hr> mais une image à la place
    $ligne = "<br><img src='img/ligne.gif' width='100%' height='10'><br>";
    $ligne="<p>";   
    $message = str_replace('<hr>', $ligne, $message);
    echo "<a class='info $class' href='#'>?
        <span>";
        //echo "<img src='img/messagebox_warning.gif'>";
        echo "<img src='img/transparent.gif' width=1 height='50'>";
        //echo "<img src='img/walter_seul_petit.jpg '>";
    echo "$message </span></a>";
}

//---------------------------------------------------------------------
function bandeau_page()
{
    echo "<div id='entete'>";
        // Image Logo gauche
        echo "<div class='logo'>";
/*            echo "<a href='http://www.oieau.fr/'>
                    <img src='img/logo_oie_80.gif' alt='logo oie'> </a>";*/
            echo "<a href='http://www.oieau.fr/'>
                    <img src='img/logo_oie_68.gif' alt='logo oie'> </a>";
        echo "</div>";
        // Texte du titre
        echo "<div class='titre'>";
            echo  "<p class='bold' style='font-size:130%;'>
                        Office International de l'Eau
                        </p>
                   <p style='font-size:110%;'>
                        Simulateur de consommation d'eau</span>
                        </p>
                ";
        echo "</div>";
    echo "</div>";
}


//---------------------------------------------------------------------
function creer_select_age($nomselect, $val) {
    $ls = array("Moins de 20 ans",
                "de 20 à 30 ans",
                "de 30 à 40 ans",
                "de 40 à 50 ans",
                "de 50 à 60 ans",
                "de 60 à 70 ans",
                "de 70 à 80 ans",
                "Plus de 80 ans"
        );
    echo "<select name='$nomselect'>";
        echo "<option value='' selected></option>";
        foreach ($ls as $ans) {
            echo "<option value='$ans'> $ans </option>";
        }
    echo "</select>";
}

//---------------------------------------------------------------------
function creer_select_ville($nomselect, $choixinit, $w='20em') {
    echo "<select name='$nomselect' style='width:$w'>";
    echo "<option value='0' selected> </option>";
    echo "</select>";
}

// Javascript: Ajuste le choix de villes selon le département
// (reconstruit la liste d'options quand le dept change)
// Le fichier CSV contient une liste de villes pour chaque département :
// Format :
// 01; Ain; Bourg-en-Bresse;Belley;Gex;Nantua;
// 02; Aisne; Laon;Château-Thierry;Saint-Quentin;Soissons;Vervins;
function add_fonction_changedepartement($seldepart, $selville)
{
    // lecture fichier CSV
    $nomfichier = "txt/villes_departements.txt";
    $fic = @fopen($nomfichier, 'r');
    echo "
        <script type='text/javascript'>";
    echo "
        function creer_liste_villes() {
            var selectdepart = $seldepart;
            var selectville = $selville;
            
            // Efface la liste de villes actuelle
            for (var i=selectville.options.length-1; i>=0; i--) {
                    selectville.options[i] = null;
                }
            
            switch (selectdepart.value)
            {
            ";
            // Crée un case par département listé ds le fichier
            while (($data = fgetcsv($fic, 10000, ";")) !== false) {
                $code = trim($data[0]);
                if ($code != '') {
                    echo "case '$code' : ";
                    // liste de villes à partir du 2ème paramètre
                    for ($i=2; $i<sizeof($data); $i++)
                    {
                        $ville = trim($data[$i]);
                        if ($ville != '') {
                            echo "
                            selectville.options[selectville.options.length]=
                                            new Option(\"$ville\",\"$ville\"); ";
                        }
                    }
                    echo "break;\n";
                }
            }
        echo "
            }
            selectville.selectedIndex = 0;
        }
        // Affecte la fonction au select
        $seldepart.onchange = creer_liste_villes;
        // Appel initial pour valider le departement actuel
        creer_liste_villes();
        ";
    echo "</script>
    ";
    fclose($fic);
}

//---------------------------------------------------------------------
function creer_select_departement($nomselect, $choixinit, $w='20em') {
    // lecture fichier CSV
    $nomfichier = "txt/departements.txt";
    $fic = @fopen($nomfichier, 'r');
    echo "<select name='$nomselect' style='width:$w'>";
    echo "<option value=''";
    if ("00" == $choixinit)
        echo " selected ";
    echo "> &nbsp; </option>";
    while (($data = fgetcsv($fic, 5000, ";")) !== FALSE) {
        echo "<option value='{$data[0]}'";
        if ($data[0] == $choixinit)
            echo " selected ";
        echo ">{$data[0]} - {$data[1]}</option>";
    }
    fclose($fic);
    echo "</select>";
}

//---------------------------------------------------------------------
function creer_select_pays($nomselect, $choixinit, $w='20em') {
    // lecture fichier CSV
    $nomfichier = "txt/pays.txt";
    $fic = @fopen($nomfichier, 'r');
    echo "<select name='$nomselect' style='width:$w'>";
    while (($data = fgetcsv($fic, 5000, ";")) !== FALSE) {
        echo "<option value='{$data[0]}'";
        if ($data[0] == $choixinit)
            echo " selected ";
        echo ">{$data[1]}</option>";
    }
    fclose($fic);
    echo "</select>";
}

//---------------------------------------------------------------------
function creer_select_numerique($nomselect, $debut, $fin, $choixinit, $pas=1) {
    echo "<select name='$nomselect'>";
    for ($i=$debut; $i<=$fin; $i += $pas) {
        echo "<option value='$i'";
        if ($i == $choixinit)
            echo " selected ";
        echo ">$i</option>";
    }
    echo "</select>";
}

//---------------------------------------------------------------------
function creer_select_surface($nomselect, $choixinit=0) {
    $units = array(10, 15, 20, 30, 40, 60, 80);
    echo "<select name='$nomselect'>";
    $val = 0;    // choix initial
    echo "<option value='$val'";
    if ($val == $choixinit)
        echo " selected ";
    echo ">$val</option>";
    // Echelle log
    $mult = 1;
    for ($i=1; $i<=4; $i++) {
        foreach ($units as $u) {
            $val = $u*$mult;
            echo "<option value='$val'";
            if ($val == $choixinit)
                echo " selected ";
            echo ">$val</option>";
        }
        $mult *= 10;
    }
    echo "</select>";
}


?>
<br />
<b>Notice</b>:  Undefined variable: c_texte in <b>/var/www/domain_consoglobe.com/consoglobe.com/htdocs/wp-content/plugins/conso-eau/core/styles.php</b> on line <b>10</b><br />
<br />
<b>Notice</b>:  Undefined variable: c_textselect_enabled in <b>/var/www/domain_consoglobe.com/consoglobe.com/htdocs/wp-content/plugins/conso-eau/core/styles.php</b> on line <b>28</b><br />
<br />
<b>Notice</b>:  Undefined variable: c_fondselect_enabled in <b>/var/www/domain_consoglobe.com/consoglobe.com/htdocs/wp-content/plugins/conso-eau/core/styles.php</b> on line <b>29</b><br />

* {
    font-family: arial, sans-serif;
    font-size: 9pt;
    color: ;
}
body {
    margin:0; 
    padding:0;
    /* background-image: url('img/fondgrain.jpg');  */
}

img {
    border: none;
}
ul {
    margin-top: 0em;
}
sup {
    vertical-align: 15%;
}
select {
    color: ;
    background-color: ;
}

<br />
<b>Notice</b>:  Undefined variable: c_fondtitretab in <b>/var/www/domain_consoglobe.com/consoglobe.com/htdocs/wp-content/plugins/conso-eau/core/styles.php</b> on line <b>46</b><br />

/*-----------------------------*/
/* Tooltips (aide en ligne)    */
/*-----------------------------*/

a.info {
    position:relative;
    z-index:24;
    text-decoration:none;
    border: 1px solid #777;
    background-color: #BBBBFF;
    font-weight: bold;
    padding: 1px 4px;
    margin-left: 1em;
    font-size: 90%;
    color: #339;
}
a.info:hover {
    z-index:25;
    background-color: darkblue;  /* à redéfinir, sinon bug ie6 */
/*    font-size: 120%; */
    color: yellow;
}
a.info span {
    display: none
}
a.info:hover span img {  /* icone dans un tooltip */
    float: left;
/*    margin-left: 0.2em;
    margin-right:0.8em;*/
}
a.info:hover span { 
    display: block;
    position: absolute;
    padding: 5px;
    top:  -6em;
    left: -8em;
    width: 22em;
    border: 3px solid ;
    background-color: #fffad2;
    color: #830B0A;
    text-align: left;
    
    background-image: url('img/walter_seul_petit.gif');
    padding-left: 44px;
    background-repeat:no-repeat;
    background-position: 2px center;
}
a.info:hover.gauche span {  /* tooltip décalé vers la gauche */
    left: -16em;
}
a.info:hover.droite span {  /* tooltip décalé vers la droite */
    left: 5em;
}
a.info:hover.basdroite span {  /* tooltip décalé vers la droite */
    left: 3em;
    top: -2em;
}

a.info:hover.haut span {  /* tooltip avec plus de lignes */
    top: -10em;
}

a.info.decale {
    margin-left: 7em;
}
a.info:hover.decale span {  /* tooltip un peu plus décalé vers la droite */
    top: -8em;
    left: 10em;
}

/* symbole plus petit */
a.info.petit {
    font-size: 80%;
    padding: 0px 2px;
    margin-left: 0.5em;
}
<br />
<b>Notice</b>:  Undefined variable: c_fondexpert in <b>/var/www/domain_consoglobe.com/consoglobe.com/htdocs/wp-content/plugins/conso-eau/core/styles.php</b> on line <b>194</b><br />
<br />
<b>Notice</b>:  Undefined variable: c_textetitrepage in <b>/var/www/domain_consoglobe.com/consoglobe.com/htdocs/wp-content/plugins/conso-eau/core/styles.php</b> on line <b>288</b><br />
<br />
<b>Notice</b>:  Undefined variable: c_fondtitrepage in <b>/var/www/domain_consoglobe.com/consoglobe.com/htdocs/wp-content/plugins/conso-eau/core/styles.php</b> on line <b>291</b><br />
<br />
<b>Notice</b>:  Undefined variable: c_fondexpert in <b>/var/www/domain_consoglobe.com/consoglobe.com/htdocs/wp-content/plugins/conso-eau/core/styles.php</b> on line <b>301</b><br />
<br />
<b>Notice</b>:  Undefined variable: c_fondtitrepage in <b>/var/www/domain_consoglobe.com/consoglobe.com/htdocs/wp-content/plugins/conso-eau/core/styles.php</b> on line <b>310</b><br />
<br />
<b>Notice</b>:  Undefined variable: c_textetitrepage in <b>/var/www/domain_consoglobe.com/consoglobe.com/htdocs/wp-content/plugins/conso-eau/core/styles.php</b> on line <b>311</b><br />
<br />
<b>Notice</b>:  Undefined variable: c_bt_off in <b>/var/www/domain_consoglobe.com/consoglobe.com/htdocs/wp-content/plugins/conso-eau/core/styles.php</b> on line <b>351</b><br />
<br />
<b>Notice</b>:  Undefined variable: c_bt_on in <b>/var/www/domain_consoglobe.com/consoglobe.com/htdocs/wp-content/plugins/conso-eau/core/styles.php</b> on line <b>361</b><br />
<br />
<b>Notice</b>:  Undefined variable: c_bt_hover in <b>/var/www/domain_consoglobe.com/consoglobe.com/htdocs/wp-content/plugins/conso-eau/core/styles.php</b> on line <b>366</b><br />
<br />
<b>Notice</b>:  Undefined variable: c_bt_on in <b>/var/www/domain_consoglobe.com/consoglobe.com/htdocs/wp-content/plugins/conso-eau/core/styles.php</b> on line <b>384</b><br />

.soustitre {
    margin: 0.5em 0 0.5em 0;
    font-size:140%;
    font-weight: bold;
    padding-left : 32px;
    background-image: url(img/puces_arbres2.gif);
    background-repeat:no-repeat;
}

/*--------------------------*/
hr {
    margin-top:    5px;
    margin-bottom: 5px;
    color:#AAA;
}
hr.separ {
    visibility: hidden;
    margin: 0;
    margin-top:  10px;
    clear: both;
}

h1 {font-size:135%;
    font-weight: bold;
}
h2 {font-size:130%;
    font-weight: bold;
    margin-top: 6px;
    margin-bottom: 6px;
}
h3 {font-size:120%;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px;
}
h4 {font-size:110%;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px;
}
h5 {font-size:102%;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px;
}
h6 {font-size:100%;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px;
}

.petittexte {
    font-size:80%;
}

/*------------------------------*/
/* Bouton de mode Expert/Normal */
/*------------------------------*/
#div_choix_expert {
    float: right;
    border: 1px solid #777;
    padding: 1px 4px 2px 4px;
    background-color: ;
    text-align:center;
    width: 9.8em;
}
.labelexp {
    margin: 0;
    font-weight: bold;
    font-size:95%;
}
#div_choix_expert hr {
    margin:4px;
}

#div_choix_expert input {
    padding: 0em 1em;
}

/*--------------------------*/
/* Entête des pages         */
/*--------------------------*/
#entete {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:80px;
    border-bottom: 1px solid #777;
    background-image:url(img/degrade1.jpg);
}
#entete .logo {
    position: absolute;
    top: 6px;
    left: 50px;
}
#entete .logo img {
    border: 1px solid #777;
}
#entete p {
    margin: 10px 0 0 0;
}
#entete .titre {
    position: absolute;
    top: 0px;
    left: 50%;
    width: 26em;
    margin-left: -13em;
    font-size: 120%;
    color: #336;
    text-align: center;
}

/*--------------------------*/
/* Contenu de la page       */
/*--------------------------*/
#contenu {
    position: absolute;
    /* top: 85px; */
    top: 0px;
    left: 0px;
    width:100%;
}

/*--------------------------*/
/* Colonne gauche (menu)    */
/*--------------------------*/
#barremenus {
    position: absolute;
    top:  0px;
    left: 0px;
    width:11em;
}
    
/*--------------------------*/
/* Colonne de droite        */
/*--------------------------*/
#principal {
    position: absolute;
    top:   0px;
    right: 0px;
    left: 0px;
    overflow:auto;
}

/*--------------------------*/
/* Titre d'une page         */
/*--------------------------*/
.titrepage {
    position: relative;
    font-size:130%;
    font-weight: bold;
    text-align: center;
    margin: 0 0 0.6em 0;
    padding: 6px;
    border: 1px solid #777;
    color: ;
    background-image:url(img/degrade-oie.jpg);
    background-repeat: repeat-y;
    background-color: ;
}

/*-----------------------------*/
/* Zone réservée aux experts   */
/*-----------------------------*/
.expert {
    margin: 0.5em;
    width: 50em;
    padding: 2px;
    background-color: ;
    border: 1px solid #777;
}
.expert h5 {
    font-size: 110%;
    text-align: center;
    margin: 0;
    padding: 5px 10px;
    border: 1px solid #777;
    background-color: ;
    color: ;
}

/*-------------------------------*/
/* Tableaux dans la zone expert */
/*-------------------------------*/
.tabexpert {
    border-collapse: collapse;
    margin-left: 1em;
    width: 48em;
}
.tabexpert td, .tabexpert th {
    padding: 2px  1em;
    border:1px solid #555;
}
.tabexpert th, .tabexpert th sup {
    font-weight: bold;
    background-color: #DD6666;
    color: white;
}
.tabexpert .r {
    text-align: right;
}

/*--------------------------*/
/* Boutons                  */
/*--------------------------*/
#barremenus li {
    display: block;
    margin: 0;
    padding: 0;
}
#barremenus ul {
    text-align: left;
    list-style: none;
    padding: 0;
    margin: 0 5px;
}
#barremenus a {
    display: block;
    background-color: ;
    color: #555;
    text-decoration: none; 
    font-weight: bold;
    margin: 0px 2px 5px 5px;
    padding:2px 5px;
    width: 8.5em;
    border: 1px solid #777;
}
#barremenus a.courant {
    background-color: ;
    color: black;
}
#barremenus a:hover {
    color: #333;
    background-color:;
}

/*----------------------------*/
/* Boutons Suivant Précédent  */
/*----------------------------*/
a.btnavig {
    position: absolute;
    color: #444;
    background-color: #FED;
    border: 1px solid #777;
    padding:2px 5px;
    text-decoration: none; 
    font-weight: bold;
    font-size: 80%;
}
a.btnavig:hover {
    color: #333;
    background-color:;
}
a.precedent {
    left : 5px;
    top: 5px;
}
a.suivant {
    right : 10px;
    top: 5px;
}

.tnavigation {
    margin: 0;
    padding: 0;
    width: 96%;
}
.tnavigation td {
    width: 33%;
}
.tnavigation td.r {
    text-align: right;
}
.tnavigation td.c {
    text-align: center;
}
.tnavigation td.l {
    text-align: left;
}


/*--------------------------*/
/* Tooltips du menu         */
/*--------------------------*/
#barremenus a span {
    position: absolute;
    border: 1px solid #777;
    background-color:#33A;
    color: #FFA;
    padding: 5px;
    visibility: hidden;      /* caché par défaut */
    left : 10px;
    top:   100%;
    margin-top: 1em;
    width: 9.5em;
    text-align: center;
}
#barremenus a:hover span {
    z-index: +9;
    visibility: visible;    /* toltip visible */
}
<br />
<b>Notice</b>:  Undefined variable: c_fondtableau in <b>/var/www/domain_consoglobe.com/consoglobe.com/htdocs/wp-content/plugins/conso-eau/core/styles.php</b> on line <b>453</b><br />
<br />
<b>Notice</b>:  Undefined variable: c_fondtitretab in <b>/var/www/domain_consoglobe.com/consoglobe.com/htdocs/wp-content/plugins/conso-eau/core/styles.php</b> on line <b>459</b><br />
<br />
<b>Notice</b>:  Undefined variable: c_textetitretab in <b>/var/www/domain_consoglobe.com/consoglobe.com/htdocs/wp-content/plugins/conso-eau/core/styles.php</b> on line <b>460</b><br />
<br />
<b>Notice</b>:  Undefined variable: c_fondtitretab in <b>/var/www/domain_consoglobe.com/consoglobe.com/htdocs/wp-content/plugins/conso-eau/core/styles.php</b> on line <b>463</b><br />
<br />
<b>Notice</b>:  Undefined variable: c_textetitretab in <b>/var/www/domain_consoglobe.com/consoglobe.com/htdocs/wp-content/plugins/conso-eau/core/styles.php</b> on line <b>464</b><br />
<br />
<b>Notice</b>:  Undefined variable: c_fondtitretab_princ in <b>/var/www/domain_consoglobe.com/consoglobe.com/htdocs/wp-content/plugins/conso-eau/core/styles.php</b> on line <b>468</b><br />
<br />
<b>Notice</b>:  Undefined variable: c_fondtitretab_princ in <b>/var/www/domain_consoglobe.com/consoglobe.com/htdocs/wp-content/plugins/conso-eau/core/styles.php</b> on line <b>472</b><br />
<br />
<b>Notice</b>:  Undefined variable: c_fondresultat in <b>/var/www/domain_consoglobe.com/consoglobe.com/htdocs/wp-content/plugins/conso-eau/core/styles.php</b> on line <b>512</b><br />
<br />
<b>Notice</b>:  Undefined variable: c_fondpage in <b>/var/www/domain_consoglobe.com/consoglobe.com/htdocs/wp-content/plugins/conso-eau/core/styles.php</b> on line <b>539</b><br />

/*-------------------------------*/
/* Tableaux dans les formulaires */
/*-------------------------------*/
form {
    margin: 0;
    padding: 0;
}

.tabform {
    border-collapse: collapse;
    margin: 0;
}
.tabform td, .tabform th {
    text-align: left;
    padding: 2px 5px;
    border:1px solid #BBB;
    background-color: ;
}
.tabform th {
    text-align: center;
    font-weight: bold;
    padding: 4px 10px;
    background-color: ;
    color: ;
}
.tabform th sup {
    background-color: ;
    color: ;
}
.tabform .titretable {
    font-size: 110%;
    background-color: ;
    padding:  4px 10px;
}
.tabform .titretable sup {
    background-color: ;
}
.tabform.centre td {
    text-align: center;
}
.tabform td.r, .tabform th.r {
    text-align: right;
}
.tabform td.l, .tabform th.l {
    text-align: left;
}

td.marges {
    padding:2px 1em;
}



/*----------------------------------*/
.floatleft {
    float: left;
}

.t10 {
    font-size: 10pt;
}

.rouge {
    color: red;
}

.cadre {
    padding: 5px;
    border:1px solid #777;
}



td.resultat {
    font-weight: bold;
    background-color: ;
    border-style: solid;
    border-width: 1px;
    padding: 6px 10px;
    text-align: center;    
    font-size: 108%;
}

.lienres {
    font-weight: bold;
    text-decoration: none;
    font-size: 95%;
}
.lienres .blanc {
    color: white;
}
.lienres:hover {
    text-decoration: underline;
}


.fjaune {
    background-color: #FF8;
    color: black;
}

.fbleu {
    background-color: ;
    color: black;
}

/*-------------------------------*/
.r, td.r, .right {
    text-align: right;
}

.c, td.c, .center {
    text-align: center;
}
.l, td.l, .left {
    text-align: left;
}

b, .bold {
    font-weight: bold;
}
i, .italic {
    font-style: italic;
}
.n, .normal {
    font-style: normal;
    font-weight: normal;
}


/*-------------------------------*/
label {
    margin-left: 1px;
    margin-right: 2em;
}


/* ------------------------ */
a img {border: 0px;}

/* ------------------------ */
/* Graphiques du résultat   */
/* ------------------------ */
.graphe1 {
    position : absolute;
    left : 30em;
    top : 17em;
}


/*-----------------------------------------------*/
/* tabcoul : tableau avec couleurs alternées     */
/*-----------------------------------------------*/
.tabcoul {
    border-collapse: collapse;
    border: 1px solid #777;
    white-space: nowrap;
}
.tabcoul td, .tabcoul th {
    font-size: 8pt;
    border-style: solid;
    border-width: 0px 1px ;
    border-color: #777;
    padding: 0px 4px 0px 2px;
}
.tabcoul th {
    background-color: #FEA;
    font-weight: bold;
    text-align: center;
    border: 1px solid #777;
}
.tabcoul .coul1 {
    background-color: #FFD;
}
.tabcoul .coul2 {
    background-color: #AEF;
}

.toutpetit {
    font-style: normal;
    font-weight: normal;
    font-size:  80%;
}
