@charset "utf-8";
/* auteur: Cedric Carceles
 Date de creation: 9/04/2010 */
/******************************************************************
	Taille par defaut ds la plupart des navigateurs : 16px
******************************************************************/
body {
	margin: 1px;
	padding: 1px;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
    background: url(images/fond.gif) repeat-x #729786;
    /*background-attachment: fixed;*/
}
/* conteneur principal */
#conteneur {
    position: relative;
    width: 990px;
    margin: 20px auto auto auto;
    padding: 5px 0px 0px 0px;
    background-color: #ffffff;
}
#conteneur_logo_stats{
    position: relative;
    width: 990px;
    margin: 10px auto auto auto;
    /*background-color: #9b9184;*/
}
#conteneur1 {
    position: relative;
    width: 95%;
    margin: 0px;
	padding: 0px;
    background-color: #ffffff;
    text-align: left;
}
#conteneur2 {
	/* utilise ds zonagesadm.php */
    position: relative;
    width: 880px;
    margin: 0px;
	padding: 0px;
    background-color: #ffffff;
	margin: 0 40px;
}
#conteneur_footer_filet {
    position: relative;
    width: 100%;
    height: 0px;
    margin: 0px;
    padding: 0px;
    background-color: #404040;
    text-align: center;
}
#conteneur_footer {
    position: relative;
    width: 100%;
    height: 18px;
    margin: 0px;
    padding: 0px;
    background-color: #000000;
    text-align: center;
}
/*******************************************************************************
    BANDEAU
*******************************************************************************/
#header {
    margin-top: 5px;
    height: 116px;
    width: 990px;
    /*background: url(images/bandeau.gif) left bottom no-repeat;*/
    margin: 0 0;
    padding-bottom: 0;
}
#header h1{
    text-indent: -5000px;
    margin: 0;
    padding-bottom: -10em;
    line-height: 0;
}
/*******************************************************************************
    BAS DE PAGE
*******************************************************************************/
#logo_stats {
    margin-top: 20px;
    margin-bottom: 0px;
    padding: 0;
    float: right;
}
/* a utiliser avec un <hr> */
#footer_separateur {
	/* PLUS UTILISE SUR L ACCUEIL */
    clear: both;
    display: block;
    height: 1px;
    margin: 10px 10px 0px 10px;
    padding: 0;
    color: #808080;
    border-style: dashed;
}
#footer1 {
    clear: both;
    float: left;
    margin: 0px;
    padding: 0px;
}
#footer2 {
    float: left;
    margin: 2px 0px 5px 0px;
    padding: 0px;
}
#footer2b {
    float: left;
    height: 66px;
    margin: 2px 0px 5px 0px;
    padding: 0px;
}
#footer3 {
    float: left;
    margin: 2px 0px 5px 0px;
    padding: 0px;
}
#footer4 {
    float: left;
    margin: 2px 0px 5px 0px;
    padding: 0px;
}
#footer5 {
    float: left;
    margin: 2px 0px 5px 0px;
    padding: 0px;
}
#footer6 {
    float: left;
    margin: 0px 0px 5px 0px;/* laisser margin-top: 0px */
    padding: 0px;
}
/****************************************************/
ul #footer{
    text-align:center;
    display: inline;
    margin: 2px;
    /*list-style-image: url(images/fleche.gif);*/
    list-style-type: none;
    background-color: #000000;
}
#footer li {
    margin: 0 0 0 0px;
}
#footer a {
    color: #ffffff;
}
/*******************************************************************************
    MENU
*******************************************************************************/
#menu {
    float: left;
	display: none;
}
/*******************************************************************************
 	SEPARATEURS
*******************************************************************************/
/************************
	A SUPPR
*************************/
#separateur {
	clear: both;
    visibility: hidden;
}
/***********************/
.separateur {
	clear: both;
    visibility: hidden;	
}
/* utile ? */
#separateur_gauche{
    clear: left;
    visibility: hidden;
}
/*******************************************************************************
 	IMAGES
*******************************************************************************/
a img {
    border-width: 0;
    border-style: none;
}
.img_larg1 {
    width: 280px;
}
/*******************************************************************************
 	COLONNES
*******************************************************************************/
.col60pc {
    float: left;
    width: 60%;
	padding-left: 5px;
}
.col40pc {
    float: left;
    width: 34%;
	padding-left: 20px;	
}
.col70pc {
    float: left;
    width: 70%;
}
.col30pc {
    float: left;
    width: 25%;
	padding-left: 20px;
}
.col50pc_g{
    float: left;
    width: 48%;	
}
.col50pc_d{
    float: left;
    width: 48%;
	padding-left: 5px;	
}
.col33pc {
	float: left;
	width: 30%;
	padding-left: 5px;
}
/***************************************************
    ACCUEIL
    Struct de page sur 3 col avec larg definie
****************************************************/
div #colonne_gauche{
    float: left;
    width: 20%;/*240px;*/
    height: 100%;
    padding: 10px 10px 0px 20px;
}
div #colonne_centre{
    /*float: left;
    /*width: 450px;*/
    height: 100%;
    padding: 10px 10px 0px 10px;
}
div #colonne_droite{
    float: right;
    width: 20%;/*200px;*/
    height: 100%;
    padding: 10px 10px 0px 10px;
}
div #colonne1 p, #colonne2 p, #colonne3 p {
    text-align: justify;
}
div #chiffres_cles_haut {
    height: 32px;
    width: 195px;	
	background: url(images/chiffres_cles_haut.gif) no-repeat;/* #FFCD03;*/
    padding: 0px;
	margin: 0px;
}
div #chiffres_cles {
    width: 174px;/* 195px - 10px (marge gauche) - 10px (marge droite) */
    background-color: #fecc00;
    border-width: 0px;
    padding: 10px;
	margin: -1px 0px 0px 0px;
    text-align: left;
}
div #chiffres_cles_bas {
    height: 27px;
	width: 195px;
    background: url(images/chiffres_cles_bas.gif) no-repeat;/* #FFCD03;*/
	border-width: 0px;
    padding: 0px;
	margin: -1px 0px 0px 0px;
}
#chiffres_cles_texte1 {
    font: 20pt Arial bold;
    color: #000000;
    text-align:left	
}
#chiffres_cles_texte2 {
    font:12pt bold;
    color: #FFFFFF;
    text-align:left	
}
.chiffres_cles_hectares{
	font:12pt bold;
    color: #000000;
    text-align:left	
}
/********************************************
 - La 1ere col n a pas de marge gauche 
   contrairem aux autres
 - les col n ont pas de larg contrairem aux 
   col (dessus)
*********************************************/
/* A SUPPR */
div #gauche{
    float: left;
    margin-right: 10px;
}
/***************************************************
    STRUCTURE DE PAGE SUR 3 COL
****************************************************/
.col1_50_25_25{
    float: left;
    width: 49%;
	padding-left: 5px;	
}
.col2_50_25_25{
    float: left;
    width: 24%;
	padding-left: 5px;	
}
.col3_50_25_25{
    float: left;
    width: 24%;
	padding-left: 5px;	
}
/*****************************************
La classe permet de combiner les styles
=> class="gauche img_larg1"
******************************************/
.gauche {
    float: left;
    margin-right: 5px;
}
.droite_avec_margegauche {
    float:right;
    margin-left:20px
}
.droite_liens {
    height:100%;
    padding:10px;
    background: #f5f3f0;
}
/**********/
div #col_gauche_prem {
    float: left;
    height: 100%;
    margin: 10px 10px 10px 10px;
}
div #col_gauche_suiv {
    float: left;
    height: 100%;
    margin: 10px 10px 10px 10px;
}
div #col_droite {
    float: right;
    height: 100%;
    margin: 10px 10px 10px 10px;
}
div #justify{
    text-align: justify;
}
/******************************************
    CONNEXION PARTENAIRES
    - texte sur 85% de la page
    - droite => vignettes
*******************************************/
div #col_gauche_partenaires{
    float: left;
    width: 75%;
    padding: 0px;
	margin: 0px;
    text-align: left;
}
div #col_droite_partenaires{
    float: right;
    width: 23%;
    padding: 0px 10px 10px 0px;
	margin: 0px;
    text-align: right;
	background-color: #fecc00;
}
div #col_gauche_login{
    float: left;
    width: 45%;
    padding: 10px 0px 0px 10px;
    text-align: left;
}
div #col_droite_login{
    float: right;
    width: 45%;
    padding: 10px 10px 0px 0px;
    text-align: right;
}
/******************************************
    CHIFFRES CLES (EN SAVOIR PLUS)
    => Tissu economique
*******************************************/
div #col_gauche_ch_cles{
    float: left;
    width: 48%;
	margin: 0px 5px 0px 0px;
    padding: 0px;/*10px 5px 0px 5px;*/
    text-align: left;
}
/****************************
	FILET VERTICAL
*****************************/
div #col_milieu_ch_cles{
	float: left;
	height: 135px;
	width: 2px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: url(images/filet_vertical.gif) repeat;
}
div #col_droite_ch_cles{
    float: right;
    width: 48%;
	margin: 0px 0px 0px 5px;
    padding: 0px;/*10px 5px 0px 5px;*/
    text-align: left;
}
/*******************************************
    FICHE DETAILLEE
    - texte sur 85% de la page
    - droite => vignettes
********************************************/
div #col_gauche_fiche_detail{
    float: left;
    width: 70%;
    height: 100%;
    padding: 0px 10px 10px 20px;
	margin: 0px;
    text-align: left;
}
div #col_droite_fiche_detail{
    float: right;
	width: 20%;
    height: 100%;
    padding: 0px 20px 10px 0px;
	margin: 0px;
    text-align: right;
}
div #filet_vertical_graph{
	float: left;
	height: 390px;
	width: 2px;
	text-align: center;
	padding-left: 7px;
	padding-right: 7px;
	background: url(images/filet_vertical.gif) repeat-y;
}
/*******************************************
    FICHE SYNTHESE
    => 2 col
********************************************/
div #col_gauche_synthese{
    float: left;
    width: 60%;
    height: 100%;
    padding: 0px;
    text-align: left;
}
div #col_droite_synthese{
    float: right;
	width: 40%;
    height: 100%;
    padding: 0px;
    text-align: left;
}
/******************************************************************************
 	PARAGRAPHES
******************************************************************************/
p {
    text-align: justify;
}
#p1 {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 3px;
    margin-right: 3px;
}
#p_bord1{
    border-style: solid;
    border-width: 1px;
    border-spacing: 0px;
    border-color: #000000;
    margin-left: 0px;
    margin-right: 20px;
    background-color: #F5F3F0;
}
/******************************************************************************/
#pointilles{
    /* PLUS UTILISE SUR L ACCUEIL */
	display: block;
    /*width: 100%;*/
    height: 1px;
    margin: 20px 10px 20px 0px;
    padding: 0px;
    color: #C0C0C0;
    border-style: dashed;
}
em {
    text-align: justify;/* marche pas */
    margin-left: 10px;
    margin-right: 10px;
    padding: 0;
}

/*******************************************************************************
    LIENS
*******************************************************************************/
a, a:visited {
   color: #719685;
   text-decoration: none;
}
a:hover, a:active {
   font : bold;
   color: #719685;
   text-decoration: underline;
}
.a_synthese {
	margin-top: 0px;
	margin-bottom: 20px;	
}
.a_detail,.a_detail:active,.a_detail:visited {
   font: bold;
   color: #719685;
   text-decoration: none;	
}
/********************************************/
.a_coul0 {
    color: #1a171b;
}
.a_coul0:hover,.a_coul0:active,.a_coul0:visited {
   font : bold;
   color: #1a171b;
   text-decoration: underline;
}
.a_existante,.a_existante:visited {
	color: green;
}
.a_existante:hover,.a_existante:active{
   font : bold;
   color: green;
   text-decoration: underline;
}
.a_projet,.a_projet:visited{
	color: orange;
}
.a_projet:hover,.a_projet:active {
   font : bold;
   color: orange;
   text-decoration: underline;
}
.esp_cles, .esp_cles:hover, .esp_cles:active, .esp_cles:visited {
	color: #505030;
	text-align: center;
	font-size: 10pt;
	font-weight: bold;
}
/********************************************/
a:hover #chiffres_cles_texte1, a:active  #chiffres_cles_texte1, a:hover #chiffres_cles_texte2, a:active  #chiffres_cles_texte2, a:hover .chiffres_cles_hectares, a:active .chiffres_cles_hectares{
   font : bold;
   color: #719685;
   text-decoration: none;
}
/*******************************************************************************
    TITRES
*******************************************************************************/
.titre_accueil {
    margin: 3px 0px 0px 5px;
    font:13pt bold;
    color: #719685;
    text-align:left
}
/******************************************** 
 Titre sans saut de ligne
 => <h1 class="titre1_ch_cles">
 ********************************************/
h1 {
    font: 15pt bold;
    color: #719685;
    text-align: left;
}
.h1_ch_cles {
    font: 14pt bold;
    color: #fecc00;
    text-align:left;
	margin-top: 10px;
	margin-bottom: 2px;
}
h2 {
    font: 13pt bold;
    color: #867d72;
    text-align: left;
}
.h2_ch_cles {
    font: 12pt bold;
    color: #719685;
    text-align:left;
	margin-top: 10px;
	margin-bottom: 2px;
}
.h2_2_ch_cles {
    font: 12pt bold;
    color: #867d72;
    text-align:left;
	margin-top: 10px;
	margin-bottom: 2px;
}
.titre2 {
    font: 13pt bold;
    color: #867d72;
    text-align: left;
}
.titre2_synthese {
    font: 13pt bold;
    color: #ffffff;
    text-align: left;
	background-color: #bbccc2;/*#719685;*/
}
h3 {
    font: 12pt bold;
    color: #ffcd03;/*#719685;*/
    text-align: left;
}
.h3_saut {
	margin-top: 10px;	
	margin-bottom: 10px;
}
.titre3 {
    font: 12pt bold;
    color: #ffcd03;
    text-align: left;
}
h4 {
    font: 12pt bold;
    color: #867d72;
    text-align: left;
	text-decoration: underline;
	margin-bottom: 10px;
}
.h_sans_sautdeligne {
    /* ex d utilisation : <h4 class="h_sans_sautdeligne">*/
    margin-bottom: 2px;
}
sup{
	font-size: 8pt;
}
.index_fieldset{
	width: 480px;
}
/*******************************************************************************
*******************************************************************************/
.hr_coul1{
	color: #719685; 
}
.hr_coul2{
	color: #ffcd03; 
}
.hr_sans_saut{
	margin-bottom: 2px;
}
/*******************************************************************************
	TEXTES
*******************************************************************************/
.source {
    font: 8pt bold;
    color: #867d72;
}
.texte_centre {
    text-align: center;
}
.texte_justifie {
    text-align: justify;
}
.gras {
    font: bold;
}
.petit{
	font-size: 11pt;
}
.existante{
	color: green;
}
.projet{
	color: orange;
}
/**********************************************************
 <div class="texte_centre texte_sans_sautdeligne""></div>
***********************************************************/
.texte_sans_sautdeligne {
    margin-bottom: -20px;
}
/*******************************************************************************
	FONDS  COLORES
*******************************************************************************/
.fond_coul1 {
    background-color: #eb9152;
}
.fond_coul2 {
    background-color: #c5d3cb;
}
/*******************************************************************************
*******************************************************************************/
.no_print{

}
/*******************************************************************************
    FORMULAIRES
/******************************************************************************/
#select0 {
    width: 170px;
    background-color: #f5f3f0;
}
#select1 {
    width: 240px;
    background-color: #f5f3f0;
}
#select2 {
    width: 340px;
    background-color: #f5f3f0;
}
#select4{
	width: 430px;
	background-color: #FFE577;
}
#input1 {
    width: 220px;
    background-color: #f5f3f0;
    color: #90806e;
}
.bouton0 {
    background-color: #ffffff;
    border-style: none;
    border-width: 0px;
}
/**********************************
	SUPPR DES MARGES
***********************************/
.form1{
	.padding: 0px 0px 0px 0px;
	.margin: 5px 0px 5px 0px;
}
/***********************************
    ZONAGES ADM
/***********************************/
#selection_territoire_titres {
	float: left;
	margin: 0px;
    padding: 0px;
	width: 30%;
	text-align: center;
	font: bold;
}
#selection_territoire {
	float: left;
	margin: 0px;
    padding: 0px;
	width: 30%;
	text-align: center;
}
#boite_territoire {
    width: 300px;
    background-color: #FFE577;
}
#boite_option {
    width: 300px;
    background-color: #FFE577;
    border-style: solid;
    border-width: 1px;
    border-spacing: 0px;
    border-color: #000000;
    padding: 10px 5px 10px 5px;
    text-align: left;
}
/***********************************
    RECHERCHE PAR CRITERES
/***********************************/
#rech_crit_rubriq {
	float: left;
	margin: 0px;
    padding: 0px;
	width: 100%;
	text-align: left;
	background-color: #719685;
    font:11pt bold;
    color: #FFF;
}
#rech_crit_libelle {
	float: left;
	margin: 0px;
    padding: 0px;
	width: 40%;
	text-align: left;
}
#rech_crit_choix {
	float: left;
	margin: 0px;
    padding: 0px;
	width: 60%;
	text-align: left;
}
#rech_crit_bouton1 {
	float: right;
	margin: 5px;
}
#rech_crit_bouton2 {
	float: left;
	margin: 5px;
}
#rech_crit_bouton_espace_vide {
	width: 70%;
	float: left;
	margin: 5px;
}
/***********************************
    RECHERCHE RAPIDE
/***********************************/
.rech_rapide_rubriq {
	float: left;
	margin: 0px;
    padding: 0px;
	width: 100%;
	text-align: left;
	background-color: #719685;
    font:11pt bold;
    color: #FFF;
}
.rech_rapide_libelle {
	float: left;
	margin: 0px;
    padding: 0px;
	width: 40%;
	text-align: left;
}
.rech_rapide_choix {
	float: left;
	margin: 0px;
    padding: 0px;
	width: 60%;
	text-align: left;
}
/*******************************************************************************
    LISTES
/******************************************************************************/
ol.ol1 {
    list-style-type:upper-alpha;
}
.ul_sanspuce {
    list-style-type: none;
}
/**************************
 REMPLACE PAR .liste1
 s assurer q tt est ok
 avant suppression
*************************** 
#liste1{
    margin-left: 30px;
    padding-left: 0;
    list-style-image: url(images/puce1.gif);
}
***************************/
.liste1 {
    margin-left: 30px;
    padding-left: 0;
    list-style-image: url(images/puce1.gif);	
}
.liste2 {
    margin-left: 30px;
    padding-left: 0;
    list-style-image: url(images/puce2.gif);	
}
#liste_ch_cles{
    margin-left: 10px;
    padding-left: 0;
    list-style-image: url(images/puce2.gif);
}
.liste2 {
    font: bold;
}
/*******************************************************************************
/******************************************************************************/
.source {

}