/* 
    Document   : index
    Created on : 16 juin 2009, 17:22:16
    Author     : Frank
    Description:
        Purpose of the stylesheet follows.
*/


img{
    border:none;
}

body{
    font-family: Verdana, arial, sans-serif;
    font-size:0.8em;
    width:1000px;
    margin:5px auto;
}



/*
*   Menu principal
*/

    #featureTabsContainer{
        margin:0;padding:0;
        margin-left:300px;
        list-style-type:square;
        color:white;
    }

    #featureTabsContainer li{
        float:left;
        width:125px;
        margin-top:6px;
    }

    #featureTabsContainer li a{
        display:block;
        text-decoration:none;
        color:white;
        width:125px;
        font-weight:bold;
        text-align:center;
    }

    #featureTabsContainer li a.current{
        list-style-type:square;
    }

    #featureTabsContainer li a:hover{
        color:#00689F;
    }

 /*
 * FIN
 */





 /*
 *      Zone A B C correspondant au différentes zones du container
 */


 #zone_a{
    float:left;
    display:block;
    width:815px;
    margin:0 5px;
    
}

#zone_a p{
    margin:10px auto 0;
    text-align:center;
}

#zone_b, #zone_c, #zone_d{
    float:left;
    display:block;
    width:175px;
    border:1px solid #B8E4C0;
    border-top:none;
}

#zone_b{
    height:360px;
    margin-top:10px;
}

#zone_c{
    height:150px;
}

#zone_c{height:190px;}


#zone_e{
    float:left;
    display:block;
    width:175px;height:350px;
    text-align:center;
    margin:0 auto;
}

#zone_e ul{
    list-style-type:none;
    text-decoration:none;
    margin:0 auto;
    padding:0;margin:0;
}

#zone_e li{
    text-align:center;
    padding:0;margin:0;
}


#zone_d{
    float:left;
    display:none;
    width:175px;height:150px;
    text-align:center;
    margin:0 auto;
}

#zone_d span{
    text-align:left;
}

#zone_d a{
    display:block;
    margin:15px auto;
    text-align:center;
    padding:80px 0 0 0;
    background:url(img_select_com.png) no-repeat top center;
    color:black;
    font-size:0.8em;
}

.img_com_select{
    margin-top:10px;
}

#zone_c{
    margin-top:5px;
}

#zone_a span, #zone_b span, #zone_c span, #zone_d span, #div_menu_fonct span{
    display:block;
    padding:4px 2px 4px 10px;
    background-color:#B8E4C0;
    color:#545454;
    font-size:85%;
    font-weight:normal;
}

/*
*   FIN
*/

 

#text{
    margin-top:5px;
    font-size:1em;
}

#text a{
    color:black;
}

#header{
      display:block;
      height:101px;width:1021px;
      background: url(bandeau_ht.png) no-repeat left center;
      margin:0 0 5px 0;
}

#header_print{
      display:block;
      height:101px;width:1021px;
      margin:0 0 5px 0;
}


#div_menu_fonct{
    float:left;
    display:block;
    width:150px;
    margin:0 0 0 3px;padding:0;
    border:1px solid #B8E4C0;
    border-top:none;
}

#div_menu_fonct ul{
text-decoration:none;
padding:0;margin:0;
}

#div_menu_fonct li{
    list-style-type:none;
}

#div_menu_fonct li a{
    padding:0;margin:0;
    text-decoration:none;
    color:black;
    display:block;
    font-size:0.8em;
    text-align:center;
    padding:75px 0 10px 0;
    margin:0 0 0 0;
}

#div_menu_fonct li #tab_fix {background:url(ico_menu_tab_fixe.png) no-repeat center 7px;border:1px solid white; }
#div_menu_fonct li #tab_comp{background:url(ico_menu_tab_comp.png) no-repeat center 7px;border:1px solid white;}
#div_menu_fonct li #tab_tdb{background:url(ico_menu_tab_bord.png) no-repeat center 7px;border:1px solid white;}
#div_menu_fonct li #tab_qui{background:url(ico_menu_tab_qui.png) no-repeat center 7px;border:1px solid white;}


#div_menu_fonct li #tab_fix:hover, 
#div_menu_fonct li #tab_comp:hover,
#div_menu_fonct li #tab_tdb:hover,
#div_menu_fonct li #tab_qui:hover{
    border:1px dotted #B8E4C0;
    border-right:1px solid white;
    background-color:#f5f5f5;
}













#comparaison_libelle_indic {
    background-image:url(img/external.png);
}

.ancre_selection_territoire {
    /*
    background:transparent url(../img/external.png) no-repeat scroll right center;
    padding-right:20px;
    */
    text-align:left;
}

/**
*
*/


p#choix_comm_message{
    display:none;
    position:absolute;
    top:11px;left:-110px;
    width:80px;
    color:black;
    font-size:0.7em;
    padding:7px 20px 7px 7px;
    text-align:left;
    border:1px solid #eeeeee;
    background:#FFE5D6 url(../img/next.png) no-repeat right center;
}

#form_choix_commune{
    margin:40px auto;
    width:100%;
}


#zone_a span.indic_ou a{
    color:black;
    text-decoration:none;
}

#zone_a span.indic_ou a:hover{
    text-decoration:underline;
}

#menu_comm{
    text-decoration:none;
    list-style-type:none;
    margin:0;padding:0;
}

#menu_comm li{
    float:left;
    text-decoration:none;
}

#titre_territoire{
    float:left;
    text-align:left;
    font-weight:bold;
    font-size:1.3em;
    margin:20px 0 0 20px;
    color:#404040;
}

#titre_contenu{
    position:absolute;
    top:0;left:0;
    text-align:left;
    font-size:1.4em;
    margin:10px;
    color:#404040;
}

#soustitre_contenu{
    position:absolute;
    top:22px;left:0;
    text-align:left;
    font-size:1em;
    margin:10px;
    color:#404040;
    font-style:italic;
}

#tdb{
    padding-bottom:40px 0 0 0;
    margin-top:10px;
}

.tdb_titre{
    font-weight:normal;
    border-bottom:1px solid #B8E4C0;
    text-indent:5px;
    padding:0;margin:0;
}

.tdb_source{
    text-align:right;
    margin-bottom:10px;
}

.tdb_commentaires{
    font-size:0.8em;
}

/*
*   Tableau de donnée
*/

#tdb_tableau{
    border:1px solid #C1DAD7;
    margin:20px auto;
    font-size:0.8em;
    width:90%;
    border-collapse:collapse;
}
#tdb_tableau td{
    border:1px solid #C1DAD7;
    text-align:center;
    padding:5px;
}

#tdb_tableau thead tr td{
    padding:5px;
    font-weight:normal;
}

#tdb_tableau th{
	color: #303030;
	border: 1px solid #C1DAD7;
	letter-spacing: 1px;
	text-transform: capitalize;
	text-align: center;
        font-weight:normal;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(bg_header.jpg) no-repeat;
}

/*
*   Graphique de donnée
*/


#div_stat img{
    margin:0 auto;
    text-align:center;
    margin-left:20px;
}

/*
*   Zone de commentaire
*/

#div_modal_zone_b{
    font-size:0.8em;
    padding:3px;
}



#menu_options{
    float:right;
    text-decoration:none;
    list-style-type:none;
    margin:5px 0 0 0;padding:0;
}

#menu_options li{
    float:left;
    text-decoration:none;
    font-size:0.7em;
}


#menu_options li .modif_commune{

}

#menu_options li .print_commune{
background:url('img/');
}







/*
*   Liste des zonages dispo - Tableau
*/

#div_modal_choix_territoire{
    display:none;
    width:99%;height:100px;
    float:left;
    margin:0;padding:0;
}
/*
#table_listes_zones tbody{
    font-size: 11px;
    word-wrap:break-word;
    width: 365px;height: 15% ;
    overflow: auto;
    border: 1px solid #eeeeee;
    position: absolute;
    background-color: #EDFFF0;
}
*/
#table_listes_zones{
        overflow: auto;
        height:150px;
        border:none;
}

#table_listes_zones li{
        border:none;
        padding:3px;
        background-color: #EDFFF0;
}


#table_listes_zones li:hover{
        background-color: #016BA5;
        color:white;
}


/*
#table_listes_zones tbody tr td{
    text-align:left;
    width: 365px;
}

#table_listes_zones thead tr td{
	font-size: 11px;
	word-wrap:break-word;
	width: 365px;
}
*/

#selection_territoire{
    float:left;
    color:black;
    height:19px;
    margin-top:45px;margin-left:10px;
    padding:0;
    font-weight:normal;font-family:Verdana;
    font-size:105%;
    width:365px;
}

#fd_selection_territoire{
    position:relative;
    display:block;
    margin:0 auto;
    background: url(fd_search_com.png) no-repeat left center;
    width:595px;
    height:89px;
}

/* bouton de recherche */
#submit_nom_com{
    float:right;
    display:block;
    width:176px;height:34px;
    background: url(bt_search_com.png) no-repeat left center;
    border:none;
    cursor:pointer;
    margin:-28px 5px 0 410px;padding:0;
    text-align:center;
}

/* pour l'autocompletion */
.suggestionsBox {
    position:absolute;
    left:10px;top:68px;
    margin: 0;padding:0;
    width: 368px;
    border: none;
    color: black;
}

.suggestionList {
   margin: 0 auto;
   padding: 0;
   font-size:8pt;
}

.suggestionList ul {
    list-style-type:none;
   margin: 0;padding: 0;
    cursor: pointer;
}

.suggestionList li {
    margin: 0;padding: 0;
    border:1px solid black;
    cursor: pointer;
}

.suggestionList li:hover {    background-color: #659CD8;}

.suggestionList table {
    border:none;
    margin: 0;padding: 0;
    border-collapse:collapse;
    cursor: pointer;
    width:100%;
}

.suggestionList table th {
    margin: 0;padding: 0;
    background-color:white;
    color:#00679E;
    text-transform:uppercase
}

.suggestionList table tbody {
    margin: 0;padding: 0;
}

.suggestionList table tbody tr {
    margin: 0;padding: 0;
    cursor: pointer;
}

.suggestionList tr:hover {
    background-color: #659CD8;
}

.suggestionList table tbody tr td {
    margin: 0;padding: 0;
    cursor: pointer;
    text-align:center;
    height:25px;
}








/*
*
*** Formulaire de connexion
*/

div#connexion fieldset{	margin-bottom: 15px;padding: 0 10px; background: #f2f2f2; border: 0; }
div#connexion legend{ padding: 5px; background: #2193bd; font-weight: bold; color: #fff; }
div#connexion label{ width:150px; display:block; float:left; }
div#connexion input.bouton { cursor:pointer; background:#2193bd url(asterisk_yellow.png) no-repeat 5px 50%; padding:4px 10px; color:#fff; border:none; font-weight:bold; padding-left:20px; }
div#connexion span#erreur {color:#f00; font-weight:bold; font-size:0.8em; }
div#connexion span#confirmMsg {color:#2193bd; font-weight:bold; font-size:0.8em; background: url(asterisk_yellow.png) no-repeat 0 -1px; padding-left:20px; line-height:18px; }






/**
* Tableau de comparaison
**/


#tableau_comparaison{
    border-collapse:collapse;
    border:1px solid #C1DAD7;
}


#tableau_comparaison th {
	font: normal 0.70em;
	color: #303030;
	border: 1px solid #C1DAD7;
	letter-spacing: 1px;
	text-transform: capitalize;
	text-align: left;
        font-weight:normal;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(bg_header.jpg) no-repeat;
}


#tableau_comparaison tbody tr:hover{
    color:black;
    cursor:default;
}

#tableau_comparaison tbody tr td a{
    color:black;
    font-size:0.8;
    text-decoration:None;
}

#tableau_comparaison tbody tr td.tableau_comparaison_indicateur{
    text-align:left;
}



#tableau_comparaison tbody tr td a:hover{
    text-decoration:underline;
}

#tableau_comparaison tbody tr td{
    text-align:right;
}

#tableau_comparaison tbody tr td .tableau_comparaison_img{
    margin:0 15px 0 0 ;
    text-align:center;
}


/**
*       Liens
**/

.lien{
    text-decoration:none;
    color:gray;
}

.lien:hover {
    text-decoration:underline;
}




/**
* pied du site
**/


#footer{
    float:left;
    display:block;
    height:30px;
    width:1000px;
    background:url(bandeau_bas.png) no-repeat left center;
}

#footer p{
    text-align:center;
    font-size:80%;
    color:#666666;
    padding:10px 0 0 0;margin:0;
}


#footer_print{
    float:left;
    display:block;
    width:986px;
    text-align:center;
    padding:10px;
    font-style:italic;
    font-size:0.8em;
}


/**
*       Fonctions des tableaux statistiques
**/

#menu_options{
    float:right;
    font-size:1em;
}

#menu_options li{
    margin-right:5px;
}

#menu_options li a{
    width:50px;
    padding-top:30px;
    display:block;
    color:#404040;
    text-decoration:none;
    text-align:center;
    border:1px solid #f5f5f5;
}

#menu_options li a:hover{
    border:1px dotted #ADADAD;
}


#menu_options li a#print_commune {
    background:#f5f5f5 url(ico_print_comm.png) no-repeat center 3px;
}

#menu_options li a#export_commune{
    background:#f5f5f5 url(icone-excel.png) no-repeat center 3px;
}

#tab_div_parametrage{
    margin:20px 0;
}

#tab_div_parametrage td{
    width:50%;
}


/**
*   Menu des différentes fonctions
**/

#menu_tab_fixe, #menu_tab_tdb{
    display:block;
    color:black;
    font-size:0.8em;
    padding:10px 0;
}

#menu_tab_fixe{background:url(ico_menu_tab_fixe.png) no-repeat left center;}
#menu_tab_fixe:hover{background:#f5f5f5 url(ico_menu_tab_fixe.png) no-repeat left center;cursor:pointer;}

#menu_tab_tdb{background:url(ico_menu_tab_comp.png) no-repeat left center;}
#menu_tab_tdb:hover{background:#f5f5f5 url(ico_menu_tab_comp.png) no-repeat left center;cursor:pointer;}


#menu_tab_fixe p, #menu_tab_tdb p{
    display:block;
    margin:0 0 0 70px;
    padding:0;
    color:black;
    font-weight:normal;
    text-align:left;
}

#menu_tab_fixe p.title, #menu_tab_tdb p.title{
    text-align:left;
    margin:0 0 0 70px;
    font-weight:bold;
    font-size:1.2em;
}


#menu_tab_var, #menu_tab_qui{
    display:block;
    color:black;
    font-size:0.8em;
    padding:10px 0;
}


#menu_tab_var{background:url(ico_menu_tab_comp.png) no-repeat right center;}
#menu_tab_var:hover{background:#f5f5f5 url(ico_menu_tab_comp.png) no-repeat right center;cursor:pointer;}

#menu_tab_qui{background:url(ico_menu_tab_qui.png) no-repeat right center;}
#menu_tab_qui:hover{background:#f5f5f5 url(ico_menu_tab_qui.png) no-repeat right center;cursor:pointer;}



#menu_tab_var p, #menu_tab_qui p{
    display:block;
    margin:0 70px 0 0;
    padding:0;
    color:black;
    text-align:right;
    font-weight:normal;
}

#menu_tab_var p.title, #menu_tab_qui p.title{
    text-align:right;
    margin:0 70px 0 0;
    font-weight:bold;
    font-size:1.2em;
}



#input_idzone{
 display:none;
}

#div_loader_stat{
    width:100%;
    margin-top:100px;
    text-align:center;
    font-style: italic;
}

#div_search, #div_stat{
    width:100%;
    margin:0;padding:0;
    float:left;
}

#div_stat{position:relative;}

#div_stat_tab{
    width:99%;
    float:left;
    margin:0;padding:0;
}



/*
*   Qui me ressemble ?
*/

.rang_titre{
    font-size:0.8em;
    margin-top:10px;
}

.src_rang_titre{
    text-align:right;
    font-size:0.7em;
    font-style:italic;
}


#qrm_tableau{
    margin:20px 0;
    width:100%;
}

#qrm_tableau td{
vertical-align:top;
width:54%;
}

#qrm_tableau table{
    font-size:0.7em;
    border-collapse:collapse;
    border:1px solid #C1DAD7;
    margin-top:10px;
    width:100%;
}


#qrm_tableau table tr td{
    border:1px solid #C1DAD7;
    padding:2px 0;margin:0;
}

#qrm_tableau td.qrm_style_territoire{
    text-align:left;
    padding:2px 0 2px 1px ;margin:0;
}


#qrm_tableau td.qrm_style_classement{
    width:50px;
    text-align:center;
    padding:2px 0;margin:0;
}

#qrm_tableau td.qrm_style_valeur{
    width:50px;
    text-align:right;
}

#qrm_tableau table tr:hover{
    color:black;
    cursor:default;
}

#qrm_tableau table thead{
    font-weight:normal;
}


#qrm_tableau table th {
	font: normal 0.90em;
	color: #303030;
	border: 1px solid #C1DAD7;
	letter-spacing: 1px;
	text-transform: capitalize;
	text-align: center;
        font-weight:normal;
	padding: 6px 1px 6px 1px;
	background: #CAE8EA url(bg_header.jpg) no-repeat;
}