/*
modif 16:42 12/11/2014
   largeurs des 2 et 3è cartouches propriétés communes
modif 10:03 10/09/2010
   bug syntaxe
modif 14:05 03/12/2009
   * répartition champs/valeurs pour poste
modif 16:02 14/10/2008
   * MINEUR : correction d'un erreur de syntaxe
   * background[-color]
   * media print pour .bande_menu
   * largeur EPCI att/val
modif 15:34 13/02/2010
   * Peau verte

Peau verte (close)
   COULEUR1	3 sites	DarkGreen	Textes hors noir et rouge (b*lue)  
   COULEUR2	2 sites	#C8E8C8		Fond options et accès doc (initial #C8C8E8)
   COULEUR3	2 sites	#E0E0FF		Légende tableaux et détail translucide (initial #E0E0FF)
   COULEUR4	1 site	DarkGreen	Fond des titres de blocs dans le menu (#404080)

Peau magenta foncé (à compléter)
   COULEUR1	DarkMagenta	Textes hors noir et rouge (b*lue)  
   COULEUR2	#C8C8E8	Bleu fond options et accès doc (#C8C8E8)
   COULEUR3	#E0E0FF	Bleu fond légende tableaux et détail translucide
   COULEUR4	#404080	Bleu fond des titres de blocs dans le menu (#404080)

Peau initiale (close)
   COULEUR1	blue		Textes hors noir et rouge
   COULEUR2	#C8C8E8	Bleu fond options et accès doc
   COULEUR3	#E0E0FF	Bleu fond légende tableaux et détail translucide
   COULEUR4	#404080	Bleu fond des titres de blocs dans le menu

Voir échéancier
	http://stylescss.free.fr/couleurs.php
	http://www.somacon.com/p142.php
*/

body {	color: DarkGreen;		/* COULEUR1 Déclaration principale */
}


/* --------------------------------------- Liens hypertextes */

a {	/* link, visited, active */
	text-decoration: underline;
	color:DarkGreen;		/* COULEUR1 Répétition obligatoire */
}

a:hover {
	color:red;
	}

/* --------------------------------------- Vertical */

@media screen {
    .bande_menu {
	width: 200px;
	float:left;
	margin: 4px ;
	padding: 4px ;
	font-size: 11px;
	text-align: justify;
    }
}

@media print {
    .bande_menu { display: none ;}
}

.bande_page {
	width: 700px;
	float:left;
	margin: 4px ;
	padding: 4px ;
	font-size: 12px;
	text-align: justify;
}

/* --------------------------------------- Blocs */

.bloc_menu { 
	border: 1px solid grey;
	padding: 0 ;
	margin-bottom: 20px;
}

.bloc_menu_titre {
	background-color: DarkGreen ;	/* COULEUR4 */
	height: 20px;
	color: white;			/* Ecritue en sur fond foncé */
	padding: 2px ;
	float: none;
}

.bloc_menu_aide { 
	border: 1px  solid grey;
	padding: 2px ;
	text-align: center;
	font-size: 12px;
	margin-bottom: 20px;
	background-color: #C8E8C8 ;  	/* COULEUR2 */
	color: white;   		/* Ecriture en sur fond foncé */
}

.bloc_menu_etat { 
	border: 1px  solid grey;
	padding: 2px ;
	text-align: center;
	font-size: 12px;
	margin-bottom: 20px;
}

.bloc_menu_options { 
	border: 1px  solid grey;
	padding: 2px ;
	font-size: 12px;
	margin-bottom: 20px;
	background-color: #C8E8C8 ;	/* COULEUR2 */
}

.texte_type {
	font-style: italic;
	font-size: 12px;
	color: grey;
	text-align: right;
}

.texte_objet {
	font-style: italic;
	font-size: 30px;
	text-align: right;
}

.texte_help {
	font-size: 14px;
	padding: 40px ;
}

.bloc_page { 
	/* Bloc standard, espace après */
	margin-bottom: 10px;
	border: 1px solid grey;
	padding: 0 ;
	float: none;
}

.bloc_page2 { 
	/* Bloc sans espace après */
	margin-bottom: 0px;
	border: 1px solid grey;
	padding: 0 ;
	float: none;
}

.bloc_page_titre {
	background-color: #606060 ;	/* Titres blocs Gris moyen */
	height: 20px;
	color: white;
	padding: 2px ;
	float: none;
}

.bloc_page_titre2 {
	background-color: #909090 ;	/* Sous-titres blocs Gris clair */
	height: 20px;
	color: white;
	padding: 2px ;
	float: none;
	font-style: italic;
}

.bloc_page_titre_todo {
	background-color: #B0B0B0 ;
	height: 20px;
	color: white;
	padding: 2px ;
	float: none;
}

/* --------------------------------------- Bloc signalétique */


.att_tab1 {
	font-size: 12px;
	width: 160 ; /* 230 */
	border: 1px solid grey;
}

.att_prop1 {
	width: 50% ;
	color:black;			/* Nom attributs en noir */
}
.att_val1 {
	width: 50% ;
}

.att_tab2 {
	font-size: 12px;
	width: 260 ;/* 300 230 */
	border: 1px solid grey;
}

.att_prop2 {
	width: 30% ;/* 35% */
	color:black;			/* Nom attributs en noir */
}

.att_val2 {
	width: 70% ;/* 65% */
}

.att_val2_erreur {
	width: 65% ;
	background-color: #FFD0D0 ;	/* Fond rouge valeur erreur */
}

.att_tab3 {
	font-size: 12px;
	width: 255 ; /* 215 */
	border: 1px solid grey;
}

.att_prop3 {
	width: 15% ;
	color:black;			/* Nom attributs en noir */
}

.att_val3 {
	width: 85% ;
}

.att_val3_erreur {
	width: 85% ;
	background-color: #FFD0D0 ;	/* Fond rouge valeur erreur */
}


/* --------------------------------------- Bloc TEODUL */

.evetab_table {
	font-size: 12px;
	width: 680 ;
	border: 1px solid grey;
}

.evetab_minititre_ok {
	color:black;
	font-size: 9px;
	background-color: #C8E8C8 ;	/* COULEUR3 */
}

.evetab_minititre_erreur {
	color:black;
	font-size: 9px;
	background-color: #FFD0D0 ;	/* Fond rouge valeur erreur */
}

.evetab_majeur_ok {
	font-weight: bold;

}

.evetab_mineur_ok {
	font-weight: normal;
}

.evetab_majeur_erreur {
	font-weight: bold;
	background-color: #FFD0D0 ;	/* Fond rouge valeur erreur */
}

.evetab_mineur_erreur {
	font-weight: normal;
	background-color: #FFD0D0 ;	/* Fond rouge valeur erreur */
}


/* --------------------------------------- Bloc EPCI */

.epci_tab {
	font-size: 12px;
	width: 680 ;
	border: 1px solid grey;
}

.epci_prop {
	width: 17% ;
}
.epci_val {
	width: 83% ;
}

/* --------------------------------------- Formulaire menu*/

.sitem {
	font-size: 10px;
	color: DarkGreen;		/* COULEUR1 Répétition obligatoire */
	width: 180;
	background-color: #F4FFF4 ;
}

.forms {
	margin: 0 ;
}

.selstat {
	font-size: 10px;
	color: black;
	width: 180;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}

.enpied {
	font-size: 10px;
	text-align: right;
	font-style: italic;
	}

/* --------------------------------------- Bloc détail */

.stydetail {
	font-size: 10px;
	width:680;
	border: 1px solid grey;
	background-color:#C8E8C8;	/* COULEUR3 */
	}