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




img{
    border:none;margin:0;padding:0;
}

body{
    font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size:0.9em;
    width:1000px;
    margin:0 auto;
    background:#1E2731 url(fd.png) repeat-x;
}

*+html {
        background:#171F28 url(fd.png) repeat-x;
}



#container{
    position:relative;
    margin:0;padding:0;
}


/*** MENU principal *************************************************************/

    #featureTabsContainer{
        position:absolute;
        right:20px;top:20px;
        margin:0;padding:0;
        list-style-type:none;
        display:none;
    }

    #featureTabsContainer li{
        float:left;
        margin:0;padding:0;
    }

    #featureTabsContainer li a{
        display:block;
        color:black;
        text-decoration:none;
        margin:0 10px;padding:40px 10px 3px 10px;
        font-size:85%;
        text-align:center;
    }

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

    #featureTabsContainer li a:hover{
        color:#00689F;
        text-decoration:underline;
         background-color:#f5f5f5;
    }

    #int_home{background:url('home.png') no-repeat center 3px;}
    #int_fonct{background:url('projet.png') no-repeat center 3px;}
    #int_parou{background:url('parou.png') no-repeat center 3px;}
    #int_contact{background:url('contact.png') no-repeat center 3px;}
    #int_analyse{background:url('contact.png') no-repeat center 3px;}
    
 /**** FIN **********************************************************************/




 /**** Partenaires **************************************************************/

    #partenaires{
         float:left;
        width:300px;height:268px;
        text-align:center;
        margin:0 auto;
        border-left:1px dotted #CCCCCC;
        background-color:white;
    }

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

   #title_partenaires{
        text-align:left;
/***       background:url('ico_partenaires.png') no-repeat left center; **/
        padding:0 0 0 25px;margin:7px 0 15px 10px;
    }

    #partenaires li{
        display: inline ;
    }

    #compas_logo{
        padding:0 100px 70px 50px;
        background:url(compas.png) no-repeat top center;
    }


    #oi_logo{
        padding:0 100px 70px 40px;
        background:url(oi.png) no-repeat top center;
    }



 /**** HEADER ******************************************************************/

 #header{
      display:block;
      height:110px;width:1000px;
      background: url(bandeau_ht.png) no-repeat left top;
      margin:0;padding:0;
}

 #header .not_current_fonct{
    background-color:transparent;
 }


/**** FIN **********************************************************************/









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


 #plan{
     float:left;
     padding:0;margin:0;
     width:1000px;
 }

 *html #plan{
     height:420px;
 }

/** ZONES ***/

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

    #zone_a span, #zone_b span, #zone_c span, #zone_d span, #div_menu_fonct span{
        display:block;
        padding:4px 2px 4px 10px;margin:0;
        font-weight:normal;
    }


/** ZONE A ***/

    #zone_a{        
        float:left;
        display:block;
        width:1000px;
        margin:0;padding:0;
        background-color:white;
    }

    #zone_a p{}


    #indic_ou{
        position:absolute;
        top:90px;left:5px;
        font-size:0.8em;
        color:#646464;
        text-transform:capitalize;
    }
    

    #zone_a span.indic_ou a{
        color:#646464;
        text-decoration:none;
        padding:0;margin:0;
    }

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


/** FIN ***/


/** ZONE B ***/

    #zone_b{
        display:none;
        height:100px;
        padding:0;margin:0;
        background-color:white;
        width:1000px;
        border:1px solid #5B7996;
        border-top:none;
    }

    #zone_b span{
        padding:3px;margin:0;
        color:#303030;
        font-size:80%;
        background-color:#eeeeee;
        border-bottom:1px solid #C1DAD7;
    }

    #zone_b_txt{
        background-color:#f5f5f5;
        width:800px;
        margin:0 auto;
        border:1px solid #C1DAD7;
        border-top:none;
    }

    /*
    *   Zone de commentaire
    */

    #div_modal_zone_b{
        font-size:0.7em;
        display:block;
        height:60px;
        padding:3px;
        width:100%;
    }

    /*** FIN ***/



/*** ZONE C ***/

    #zone_c{height:190px;margin-top:5px;}

/*** FIN ***/



/** ZONE D ***/

    #zone_d{
        display:none;
        border:none;
    }

    #zone_d span{
        text-align:left;
    }
/*** FIN ***/



/** ZONE E ***/

    #zone_e{
        width:300px;height:268px;
        text-align:left;
        margin:0 auto;
        border-left:1px dotted #CCCCCC;
        /** Ajout zone flux rss 
        position:absolute;
        left:0;top:0;*/
        float:left;
        background-color:white;
    }

    #zone_e a{
        background-color:white;
    }


    .zone_h_ul{
        padding:0;
        margin:0;
    }
    
    .zone_h_ul{
        margin-top:10px;
        margin-left:50px;
    }


    #title_type_data{
        text-align:left;
        background:url('ico_fonct.png') no-repeat left center;
        padding:0 0 0 25px;margin:7px 0 0 0;
        font-size:1.2em;
    }


    /*** Fonctionnement ***/

    #title_fonct{
        text-align:left;
        background:url('ico_fonct.png') no-repeat left center;
        padding:0 0 0 25px;margin:7px 0 0 0;
        font-size:1.2em;
    }

    /*** CONTACT ***/

    #title_contact{
        text-align:left;
        background:url('ico_contact.png') no-repeat left center;
        padding:0 0 0 25px;margin:7px 0 0 10px;
    }

    /*** Site Internet ***/

    #title_site{
        text-align:left;
        background:url('ico_site_internet.png') no-repeat left center;
        padding:2px 0 2px 25px;margin:7px 0 0 10px;
    }

    /*** FLUX RSS ***/

    #title_rss{
        text-align:left;
        color: black;
        background:url('ico_flux_rss.png') no-repeat left center;
        padding:0 0 0 25px;margin:7px 0 0 10px;
    }

    #flux_rss{
        font-size:85%;
        color:black;
    }

    #flux_rss img{
        display:none;
    }

    #flux_rss title{
        display:none;
    }

    #flux_rss table{
        display:none;
    }

    #flux_rss a.not_current_fonct{
        color:black;
    }

    #flux_rss h3{
        display:none;
    }

    #flux_rss ul {
        padding:0;margin:7px 0 0 0;
    }

    #flux_rss li {
        padding:5px 10px;margin:0;
        list-style-type:none;
        line-height:1.4em;
    }

    #flux_rss li a{
        color:black;
    }

    #flux_rss li a:hover{
        text-decoration:none;
    }

    #flux_rss li a.not_current_fonct{
        color:black;
        background-color:white;
    }


    div[id="flux_rss"]{
        display: none;
        }


    div[id="preloader"]{
        z-index:1000;
        width: 210px; height: 190px;
        background: url(35.gif) no-repeat center center;
        cursor: wait;
        text-shadow: 0px 1px 0px #fefefe; 
        }

   
/** FIN ************************************************************************/

    #img_com_select{
        position:absolute;
        top:90px;right:0;
        padding-top:60px;
        display:block;
        margin:10px auto;
        text-align:center;
        background: url(img_select_com.png) no-repeat top center;
        color:white;
        font-size:0.9em;
        text-decoration:none;
    }

    * html #img_com_select{
        background: url(img_select_com_ie6.png) no-repeat top center;
    }

    #img_com_select:hover{
        text-decoration:underline;
    }


    #text{
        /* Ajouter le 05-10-2010 */
        float:left;
        margin:0;padding:1px 10px 10px 10px;
        width:670px;min-height:500px;
        background-color:white;
        text-align:justify;
        line-height:1.4em;
    }

    .text_accueil{
        margin-top:15px;
    }

    #text a{
       color:black;
    }

    #title_accueil{
        display:block;
        width:300px;
        text-align:left;
        background:url('ico_accueil.png') no-repeat left center;
        padding:0 0 0 25px;margin:7px 0 0 0;
        font-size:1.2em;
    }

/*** MENU des fonctions ********************************************************/

/** Menu fonction - partie accueil **/

#div_parametrage{

    width:600px;
    background-color:white;
    margin:0;padding:0;
}

#tab_div_parametrage{
    float:left;
    margin:0;padding:0;
    background-color:white;
    width:100%;
}

#menu_accueil{
    background-color:white;
    width:660px;margin:20px 0 0 5px;padding:0;
}
    
#menu_accueil li{
    float:left;
    list-style-type:none;
    margin:0;padding:0;
    border:5px solid #f5f5f5;
}

#menu_accueil li a{
    display:block;
    margin:0;padding:3px;
    color:#545454;
    text-align:left;
    width:313px;height:120px;
    text-align:center;
    border:none;
    text-decoration:none;
}

#menu_accueil li a span{
    text-align:left;
    padding:0;margin:0;
    font-weight:bold;
    color:black;
}

#menu_accueil li a:hover{
    color:black;
    background-color:#f5f5f5;
    border:none;
}



#tab_indicateurs_clefs a:hover{background:#f5f5f5 url(ico_accueil_cle.png) no-repeat bottom center;}
#tab_des_tendances a:hover{background:#f5f5f5 url(ico_tendance.png) no-repeat bottom center;}
#tab_territoires_references a:hover{background:#f5f5f5 url(ico_territoire.png) no-repeat bottom center;}
#tab_dynamique_territoriale a:hover{background:#f5f5f5 url(ico_dynamique.png) no-repeat bottom center;}
#tab_qmr a:hover{background:#f5f5f5 url(ico_qui_ressemble.png) no-repeat bottom center;}


/** POUR IE7 **/
#tab_indicateurs_clefs{background:#ffffff url(ico_accueil_cle.png) no-repeat bottom center;margin:0;padding:0;}
#tab_des_tendances{background: url(ico_tendance.png) no-repeat bottom center;margin:0;padding:0;}
#tab_territoires_references{background: url(ico_territoire.png) no-repeat bottom center;margin:0;padding:0;}
#tab_dynamique_territoriale{background: url(ico_dynamique.png) no-repeat bottom center;margin:0;padding:0;}
#tab_qmr{background: url(ico_qui_ressemble.png) no-repeat bottom center;margin:0;padding:0;}
/** Version tableau graphique **/


#tab_indicateurs_clefs a.not_current_fonct,
#tab_des_tendances a.not_current_fonct,
#tab_territoires_references a.not_current_fonct,
#tab_dynamique_territoriale a.not_current_fonct,
#tab_qmr a.not_current_fonct{
    background-color:white;
}

#tab_indicateurs_clefs_img,
#tab_qmr_img,
#tab_des_tendances_img,
#tab_territoires_references_img,
#tab_dynamique_territoriale_img{
    display:block;
    width:50px;height:50px;
    margin:0;padding:0;
}


#text_funct{
    font-size:85%;
    text-align:left;
    margin:10px auto;text-align: justify;
}


/** POUR IE6 **
* html #tab_indicateurs_clefs_img{zoom: 1;background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/oi/ico_accueil_cle_ie6.png',sizingMethod='image');}

* html #tab_territoires_references_img{zoom: 1;background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/oi/ico_tendance_ie6.png',sizingMethod='image');}

* html #tab_dynamique_territoriale_img{zoom: 1;background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/oi/ico_dynamique_ie6.png',sizingMethod='image');}

* html #tab_qmr_img{zoom: 1;background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/oi/ico_qui_ressemble_ie6.png',sizingMethod='image');}
*/




#div_plan_fonct{
    width:1000px;
    margin:38px 0 0 0;padding:50px 0 10px 0;
    background-color:white;
    border:1px solid #5B7996;
    border-bottom:white;
}



#div_menu_fonct{
    z-index:10000;
    position:absolute;
    top:179px;
    left:0;
    display:block;
    width:100%;
    margin:0;padding:0;
}


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

#div_menu_fonct li{
    list-style-type:none;
    padding:0;margin:0 10px 0 0;
    float: left;
}

#div_menu_fonct ul li ul{
    position:absolute;
    top:40px;left:10px;
    margin-top:15px;
    width:900px;
    border:1px solid white;
}

#div_menu_fonct ul li ul li{
    list-style-type:none;
    padding:0;margin:0 10px 0 0;
    float: left;
}

#div_menu_fonct ul li ul li a{
   padding:2px 4px;margin:0;
   background-color: white;
   text-decoration:underline;
}

#div_menu_fonct ul li ul li a:hover{
   text-decoration:none;
}

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

#div_menu_fonct li a.current_fonct{
    background-color:#C3DDF4;
    text-decoration:none;
}

#div_menu_fonct li #tab_indicateurs_clefs.current_fonct {background:white url(ico_menu_tab_fixe.png) no-repeat 5px center;border:1px solid #5B7996;border-bottom:1px solid white;}
#div_menu_fonct li #tab_des_tendances.current_fonct {background:white url(ico_menu_dynamique.png) no-repeat 5px  center;border:1px solid #5B7996;border-bottom:1px solid white;}
#div_menu_fonct li #tab_territoires_references.current_fonct {background:white url(ico_menu_tab_interco.png) no-repeat 5px  center ;border:1px solid #5B7996;border-bottom:1px solid white;}
#div_menu_fonct li #tab_qui.current_fonct {background:white url(ico_menu_tab_qui.png) no-repeat 5px  center ;border:1px solid #5B7996;border-bottom:1px solid white;}
#div_menu_fonct li #tab_interco.current_fonct {background:white url(ico_menu_tab_interco.png) no-repeat 5px  center ;border:1px solid #5B7996;border-bottom:1px solid white;}
#div_menu_fonct li #tab_dynamique_territoriale.current_fonct {background:white url(ico_menu_tab_comp.png) no-repeat 5px  center ;border:1px solid #5B7996;border-bottom:1px solid white;}
#div_menu_fonct li #tab_qmr.current_fonct {background:white url(ico_menu_tab_qmr.png) no-repeat 5px  center ;border:1px solid #5B7996;border-bottom:1px solid white;}


#div_menu_fonct li #tab_indicateurs_clefs {background:#668BAD url(ico_menu_tab_fixe.png) no-repeat 5px  center;border:1px solid #5B7996;border-bottom:1px solid #668BAD;}
#div_menu_fonct li #tab_des_tendances {background:#668BAD url(ico_menu_dynamique.png) no-repeat 5px  center;border:1px solid #5B7996;border-bottom:1px solid #668BAD;}
#div_menu_fonct li #tab_territoires_references {background:#668BAD url(ico_menu_tab_interco.png) no-repeat 5px  center;border:1px solid #5B7996;border-bottom:1px solid #668BAD;}
#div_menu_fonct li #tab_qui {background:#668BAD url(ico_menu_tab_qui.png) no-repeat 5px  center;border:1px solid #5B7996;border-bottom:1px solid #668BAD;}
#div_menu_fonct li #tab_interco {background:#668BAD url(ico_menu_tab_interco.png) no-repeat 5px  center;border:1px solid #5B7996;border-bottom:1px solid #668BAD;}
#div_menu_fonct li #tab_dynamique_territoriale {background:#668BAD url(ico_menu_tab_comp.png) no-repeat 5px  center;border:1px solid #5B7996;border-bottom:1px solid #668BAD;}
#div_menu_fonct li #tab_qmr {background:#668BAD url(ico_menu_tab_qmr.png) no-repeat 5px  center ;border:1px solid #5B7996;border-bottom:1px solid #668BAD;}


#div_menu_fonct li #tab_indicateurs_clefs.not_current_fonct {background:#668BAD url(ico_menu_tab_fixe.png) no-repeat 5px  center;border:1px solid #5B7996;border-bottom:1px solid #668BAD;}
#div_menu_fonct li #tab_des_tendances.not_current_fonct {background:#668BAD url(ico_menu_dynamique.png) no-repeat 5px  center;border:1px solid #5B7996;border-bottom:1px solid #668BAD;}
#div_menu_fonct li #tab_territoires_references.not_current_fonct {background:#668BAD url(ico_menu_tab_interco.png) no-repeat 5px  center;border:1px solid #5B7996;border-bottom:1px solid #668BAD;}
#div_menu_fonct li #tab_qui.not_current_fonct{background:#668BAD url(ico_menu_tab_qui.png) no-repeat 5px  center;border:1px solid #5B7996;border-bottom:1px solid #668BAD;}
#div_menu_fonct li #tab_interco.not_current_fonct{background:#668BAD url(ico_menu_tab_interco.png) no-repeat 5px  center;border:1px solid #5B7996;border-bottom:1px solid #668BAD;}
#div_menu_fonct li #tab_dynamique_territoriale.not_current_fonct{background:#668BAD url(ico_menu_tab_comp.png) no-repeat 5px  center;border:1px solid #5B7996;border-bottom:1px solid #668BAD;}
#div_menu_fonct li #tab_qmr.not_current_fonct {background:#668BAD url(ico_menu_tab_qmr.png) no-repeat 5px  center ;border:1px solid #5B7996;border-bottom:1px solid #668BAD;}


#div_menu_fonct li #tab_indicateurs_clefs:hover,
#div_menu_fonct li #tab_des_tendances:hover,
#div_menu_fonct li #tab_territoires_references:hover,
#div_menu_fonct li #tab_interco:hover,
#div_menu_fonct li #tab_dynamique_territoriale:hover,
#div_menu_fonct li #tab_qmr:hover,
#div_menu_fonct li #tab_qui:hover{
    background-color:#ffffff;
}

.not_current_fonct{
    background-color:#668BAD;
}

.current_fonct{
    background-color:white;
}












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

.ancre_selection_territoire {
    /*
    background:transparent url(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(next.png) no-repeat right center;
}




#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.4em;
    margin:20px 0 0 20px;
    color:#404040;
}

#titre_contenu{
    position:absolute;
    top:105px;left:8px;
    text-align:left;
    font-size:1.7em;
    margin:10px;
    color:white;
}

#entete_com{
    height:70px;
}

#carte_commune{
        display:none;
    position:absolute;
    top:0;left:0;
    text-align:left;
    margin:2px 0;
    border:2px solid white;
}


#soustitre_contenu{
    position:absolute;
    top:138px;left:10px;
    text-align:left;
    font-size:1.1em;
    margin:10px;
    color:white;
}


/*
*   Tableau de donnée
*/


#tdb{
    padding:0;margin:0 auto;
    width:80%;
    border:1px solid #C1DDFF;
    background-color:#fCfCfC;
}

#tdb_data{
  background-color:white;
  padding:5px;
}


#tdb_titre{
    font-weight:normal;
    text-indent:5px;
    padding:8px 8px 8px 30px;margin:0;
    color:black;
    cursor:pointer;
}

.tdb_titre{
    font-weight:normal;
    text-indent:5px;
    padding:8px 8px 8px 30px;margin:0;
    color:black;
    cursor:pointer;
    border-bottom:1px solid white;
}


.folder_open{
    background:#C1DDFF url(folder_open.png) no-repeat 5px center;
}

.folder_close{
    background:#C1DDFF url(folder_close.png) no-repeat 5px center;
}

.tdb_lien_courant{
    color:black;
    background-color:#ebebeb;
    text-decoration:none;
}

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

.tdb_source{
    text-align:right;
    margin:0 10px 20px 0;
    font-size:0.8em;
}

.tdb_comment{
    font-size:0.8em;
    margin:30px 0;
}



#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 #eeeeeee;
	letter-spacing: 1px;
	text-transform: capitalize;
	text-align: center;
        font-weight:normal;
	padding: 6px 20px 6px 12px;
        background-color:#EFEFEF;
	/*background: #CAE8EA url(bg_header.jpg) no-repeat;*/
}


.tdb_grapha, .tdb_graphb{
    margin-left:100px;
    margin-top:10px;
}

/** GRAPHIQUE ******************************************************************/






/*** CARTES ********************************************************************/

#generer_carte{
    padding:5px;height:500px;
    background-color:#ffffff;
}

.titre_carte{
float:left;
margin:10px 0;
width:600px;
}

#carte{
    float:left;
    text-align:center;
    margin:0 0 0 300px;
    border:4px solid #eeeeee;
}

#legende{
    float:left;
    padding:0;margin:0;
}

#source_generer_carte{
    float:left;
    width:100%;
    text-align:right;
}


/*
*   Liste des zonages dispo - Tableau
*/


/*
#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;
        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 li.id_niv:hover{
    cursor:default;
    background-color:#EDFFF0;
    color:black;
}

#table_listes_zones li.id_niv{
    font-weight:bold;
    cursor:default;
    background-color:#EDFFF0;
}



#selection_territoire_region, #selection_territoire_dep, #selection_territoire_ville{
    color:black;
    height:19px;
    padding:0;
    font-weight:normal;
    font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size:1em;
    width:330px;
}



/*
#selection_territoire{
    position:absolute;
    left:100px;top:45px;
    color:black;
    height:19px;
    padding:0;
    font-weight:normal;
    font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size:1.1em;
    width:300px;
}
*/

#form_choix_commune{
    float:left;
    margin:0 auto;padding:0;
    text-align:center;
    border:1px solid white;
}


#div_modal_choix_territoire{
    float:left;
    height:450px;
    display:none;
}

#div_search #fd_selection_territoire{
    margin-left:150px;
}


*html #fd_selection_territoire{
    margin:45px 0;
}

#fd_selection_territoire{
    position:absolute;
    left:0;
    margin:45px auto;
    display:block;
    /* Exception pour IE 6.0*/
    
    text-align:center;
    background: url(fd_search_com.png) no-repeat left top;
    width:680px; height:230px;
}


#selection_territoire_region{ position:absolute;left:135px;top:20px;color:#646464;padding:3px;}
#selection_territoire_dep{ position:absolute;left:135px;top:90px;color:#646464;padding:3px;}
#selection_territoire_ville{ position:absolute;left:135px;top:160px;color:#646464;padding:3px;}



/* bouton de recherche */

/*** Région ***/
#submit_nom_com_reg{
    position:absolute;
    top:18px;left:474px;
    background: url(bt_search_reg.png) no-repeat left center;
    padding:0;height:35px;
    border:none;
    cursor:pointer;
    width:121px;
}
#autoSuggestionsList_reg{
    position:absolute;
    top:-20px;left:34px;width:338px;
    margin-left:1px;
    background-color:#EDFFF0;
    border:1px solid #7F9DB9;
    border-top:none;
    text-align:left;
}


/*** Départements ***/
#submit_nom_com_dep{
    position:absolute;
    top:88px;left:474px;
    background: url(bt_search_reg.png) no-repeat left center;
    padding:0;height:35px;
    border:none;
    cursor:pointer;
    width:121px;
}
#autoSuggestionsList_dep{
    position:absolute;
    top:50px;left:35px;
    width:338px;
    margin-left:1px;
    background-color:#EDFFF0;
    text-align:left;
    border:1px solid #7F9DB9;
    border-top:none;
}

/** Communes **/
#submit_nom_com_com{
    position:absolute;
    top:158px;left:474px;
    background: url(bt_search_reg.png) no-repeat left center;
    padding:0;height:35px;
    border:none;
    cursor:pointer;
    width:121px;
}

#autoSuggestionsList_com{
    position:absolute;
    top:120px;left:34px;
    width:338px;text-align:left;
    border:1px solid #7F9DB9;
    border-top:none;
    margin-left:1px;
    text-align:left;
    background-color:#EDFFF0;
}

/* pour l'autocompletion */
.suggestionsBox {
    position:absolute;
    left:100px;top:68px;
    margin: 0;padding:0;
    width: 303px;
    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;
    background-color:#ffffff;
    width:90%;
    margin:10px auto;padding:0;
}


#tableau_comparaison th {
	font: normal 0.70em;
	color: #303030;
	border: 1px solid #C1DAD7;
	text-transform: capitalize;
	text-align: left;
        font-weight:normal;
	padding: 5px 0 5px 5px;margin:0;
	/*background: #CAE8EA url(bg_header.jpg) no-repeat;*/
        background-color:#EFEFEF;
}



#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 auto;
    text-align:center;
}


.ensemble_terr{
    float:left;
    font-size:80%;
    color:black;
}

.ensemble_terr:hover{
    text-decoration:none;
}

/**
*       Liens
**/

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

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




/**
* pied du site
**/


#footer{
    float:left;
    display:block;
    height:30px;
    width:1000px;
}

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

#footer p a{
    color:white;
}



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


/**
*       Fonctions des tableaux statistiques
**/

#div_menu_option{
    z-index:100;
    position:absolute;
    top:210px;right:0;
}

#menu_options{
    font-size:0.8em;
    margin-top:10px;
}

#menu_options li{
    float:left;
    margin-right:5px;
    list-style-type:none;
}

#menu_options li a{
    display:block;
    color:white;
    text-decoration:none;
    text-align:center;
    padding:2px 5px;
    border:1px solid #f5f5f5;
}

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


#menu_options li a#print_commune {
}

#menu_options li a#export_commune{
    display:none;
}




/**
*   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:200px;
    text-align:center;
    font-style: italic;
    color:white;height:450px;
}

#div_search, #div_stat{
    width:1000px;
    margin:0;padding:0;
}

#div_search{
    position:absolute;
    top:219px;left:0;
    background-color:#ffffff;
    height:300px;
    margin:0 auto;
}




#div_stat_tab{
    width:100%;
    margin:42px 0 0 0;padding:0;
}



/*
*   Qui me ressemble ?
*/

.rang_titre{
    display:block;
    height:25px;
    font-size:0.8em;
    margin-top:10px;
}

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

#div_qrm_tableau{
    width:100%;
    margin-bottom:20px;
    background-color:#EDE9CD;
    border:1px solid #B8E4C0;
}

#qrm_tableau{
    margin:0px auto;
    width:95%;
}

#qrm_commentaire{
    font-size:0.8em;
    font-style:italic;
    text-align:center;
    padding:10px 0;
}

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

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


#qrm_tableau table tr td{
    border:1px solid #C1DAD7;
    padding:2px 0;margin:0;
    background-color:white;
    color:#3D3D3D;
}

#qrm_tableau td.qrm_style_territoire{
    text-align:left;
    padding:2px 0 2px 3px ;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:center;
}

#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-color: #EFEFEF;
}





#div_modal_zone_d a{
    margin-top:25px;
}




/*** TABLESORTER ***************************************************************/


/* tables */
table.tablesorter {
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	width: 100%;
}

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
        padding:0;margin:0;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px 4px 0 4px;margin-bottom:0;
	vertical-align: top;
        font-size: 0.9em;
}


table.tablesorter tbody tr{
    background-color:white;
    height:40px;
}

table.tablesorter tbody tr:hover{
    cursor:pointer;
    background-color:#f5f5f5;
}

table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
        background-color: #8dbdd8;
}