/* CSS Document */

/* ================== STYLES DE BALISE ================== */

body 	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:	12px;
	color:		#333333;
}

body, form, h1, h2, h3, h4, h5, h6, h7, ol, ul, li	{
	margin:		0px;
	padding:	0px;
	list-style:	none;
}

p{
	text-align:justify;
}

h1	{
	font-size:	16px;
	text-align:	center;
	padding:		5px;
	margin-bottom:	15px;
}
h2	{
	font-size:	14px;
	text-align:	center;
	padding:	5px;
	margin-bottom:	15px;
	color:	#000;
	border-bottom:	#000000 solid 1px;
	border-top:		#000000 solid 1px;
	background-color:	#F8F8F8;
}

h3	{
	padding-top:20px;
	font-size:	13px;
	font-weight:bold;
	text-decoration:underline;
	text-align:left;
}

input	{
	font-size:	11px;
	color:#000000;		
}

a:link		{	color:#c50c1f;	text-decoration:none;}
a:visited	{	color:#c50c1f;	text-decoration:none;}
a:hover		{	color:#696969;	text-decoration:underline;}
a:active	{	color:#000000;	text-decoration:underline;}


/* ================== STYLES MAIN ================== */

#main {
	/*background:url(../images/fond.gif) repeat-x 0px 103px #FEFFA1;
	border:#FF0000 solid 1px;*/
}
/*#main2 {
	background:url(../images/fond_bord_gauche.gif) repeat-y top left;
}
#main3 {
	background:url(../images/fond_bord_droit.gif) repeat-y top right;
}*/

/* ================== STYLES ENTETE ================== */

#entete {
	margin:10px 0 0 0;
	padding-bottom: 15px;
	/*background:	url(../images/entete_fond.jpg) repeat-x 195px 0px;*/
	background-color:	#fff;
	border-bottom: #000 solid 5px;
	text-align:center;
}
#nav {
	padding:	0px;
	color:		#005B2F;
	border-bottom: #CCCCCC solid 1px;
	background-color:#f1f3f5;
	
}
#nav #gauche {
	margin-right:100px;
}
#nav #gauche a {
	display:	block;
	padding:	5px 3px 5px 3px;
	height:		15px;
	margin:		0 0 0 10px;
	border-left: #000 solid 1px;
	border-right: #000 solid 1px;
}
#nav #gauche a:link		{	color:#333333;	text-decoration:none; border-left: #ddd solid 1px;  border-right: #ddd solid 1px;}
#nav #gauche a:visited	{	color:#333333;	text-decoration:none; border-left: #ddd solid 1px;  border-right: #ddd solid 1px;}
#nav #gauche a:hover	{	color:#333333;	text-decoration:none; background-color: #f1e8e6; border-left: #c50c1f solid 1px;  border-right: #c50c1f solid 1px;}
#nav #gauche a:active	{	color:#333333;	text-decoration:none; background-color: #f1e8e6; border-left: #c50c1f solid 1px;  border-right: #c50c1f solid 1px;}

#nav #droite {
	float:	right;
	text-align:right;
	padding: 5px;
	width:	90px;
}
#nav #droite a 			{	color:#333333;	font-weight:bold;}
#nav #droite a:link		{	color:#333333;	text-decoration:none;}
#nav #droite a:visited	{	color:#333333;	text-decoration:none;}
#nav #droite a:hover	{	color:#333333;	text-decoration:underline;}
#nav #droite a:active	{	color:#333333;	text-decoration:underline;}


/* ================== STYLES PIED DE PAGE ================== */

#pied_page {
	/*background:	url(../images/fond_bas.gif) repeat-x;*/
	height:	18px;
}
#pied_page #gauche {
	float:	left;
	width:	26px;
	height:	18px;
	/*background: url(../images/fond_bas_gauche.gif) no-repeat top left;*/
}
#pied_page #droite {
	float:	right;
	width:	26px;
	height:	18px;
	/*background: url(../images/fond_bas_droit.gif) no-repeat top right;*/
}
#pied_page #centre {
	margin:	0px 30px 0px 30px;
}

/* ================== STYLES MENU GAUCHE ================== */

#menu_gauche	{
	float:	left;
	width:	200px;
}
#menu_gauche ul li a, #menu_gauche ul li.inactif	{
	display:	block;
	width:		182px;
	text-align:	left;
	font-weight:bold;
}
#menu_gauche ul li a {
	margin:		0px 0px 2px 0px;
	padding:	3px 3px 3px 20px;
}
#menu_gauche ul li.inactif	{
	margin:		0px;
	padding:	3px 3px 3px 20px;
}
#menu_gauche ul	li a:link		{	color:#005B2F;	text-decoration:none;}
#menu_gauche ul	li a:visited	{	color:#005B2F;	text-decoration:none;}
#menu_gauche ul	li a:hover		{	color:#005B2F;	text-decoration:none; background-color:#FFF388;}
#menu_gauche ul	li a:active		{	color:#FFF388;	text-decoration:none; background-color:#005B2F;}

#menu_gauche ol	li a	{
	display:	block;
	width:		167px;
	margin:		0px;
	padding:	1px 3px 1px 30px;
	text-align:	left;
}
#menu_gauche ol	li a:before		{	content:"- ";}
#menu_gauche ol	li a:link		{	color:#E60003;	text-decoration:none;}
#menu_gauche ol	li a:visited	{	color:#E60003;	text-decoration:none;}
#menu_gauche ol	li a:hover		{	color:#E60003;	text-decoration:none; background-color:#FFF7A1;}
#menu_gauche ol	li a:active		{	color:#FFF7A1;	text-decoration:none; background-color:#E60003;}

/* ================== STYLES CENTRE ================== */
#zone_centrale {
	margin:	0px;
}

#zone_centrale #centre	{
	padding:	10px 10px 30px 10px;
	background-color:	#FFFFFF;
}

#tab_liste_doleance_form	{
	border: solid 1px #999999;
}

#tab_liste_doleance_form td:hover	{
	background-color:#f1f1f1;
}
#tab_liste_doleance_form td.no_hover	{
	background-color:#FFFFFF;
}
#tab_liste_doleance_form td	{
	padding:	3px;
	border-bottom: solid 1px #999999;
	border-right: solid 1px #DDDDDD;
}
#tab_liste	{
	border: solid 1px #999999;
}

#tab_liste tr:hover	{
	background-color:#ddeeee;
}
#tab_liste tr.no_hover	{
	background-color:#FFFFFF;
}
#tab_liste td	{
	padding:	3px;
	border-bottom: solid 1px #999999;
	border-right: solid 1px #DDDDDD;
}
#tab_liste td div.right, #tab_liste td a.right	{
	display:block;
	text-align:right;
	padding:5px 0;
}
#tab_liste #no_border	{
	border-bottom: 0px;
}
#tab_liste #no_border_right	{
	border-right: 0px;
}
#tab_liste td.criteres	{
	padding:	10px;
}
#tab_liste #titre_liste	{
	background:		#e3e3e3 url(../images/fond_titre_tab.gif) repeat-x;
	font-weight:	bold;
	height:			27px;
	text-align:center;
}
#tab_liste #titre_liste	a{ color:#000000; }
#tab_liste #titre_liste	a.actif{ color:#ff0000; }
#tab_liste #titre_liste	a:link { text-decoration:none; }
#tab_liste #titre_liste	a:visited { text-decoration:none; }
#tab_liste #titre_liste	a:hover { text-decoration:underline; }
#tab_liste #titre_liste	a:active { text-decoration:underline; }

#tab_liste #top, #tab_liste_menu #top	{
	text-align:		center;
	font-weight:	bold;
}
#tab_liste #titre_liste.masque_fam	{
	background:		#EEEEEE;	
}
#tab_liste #no_border.actif_gam	{
	border-bottom:	solid 1px #999999;
}
.masque_fam	{
	background:		#EEEEEE;	
}
.masque_gam	{
	background:		#DDEEEE;	
}
.masque_menu	{
	background:		#EDEDED;	
}
.masque_doleance	{
	background:		#eee;	
}
.desactive_doleance	{
	background:		#ccc;	
}
.desactive_petition	{
	background:		#ccc;	
}
.actif_gam	{
	background:		#336600;
	color:			#FFFFFF;
}
.actif_gam a:link		{	color:#FFFFFF;	text-decoration:underline;}
.actif_gam a:visited	{	color:#FFFFFF;	text-decoration:underline;}
.actif_gam a:hover		{	color:#FFFFFF;	text-decoration:none;}
.actif_gam a:active		{	color:#000000;	text-decoration:none;}

.erreur	{
	color:			#CC0000;
	font-weight:	bold;
	text-align:		center;
	padding-bottom:	10px;
}
.texte_rouge_10	{
	color:			#c90600;
	font-weight:	normal;
	text-align:		left;
	font-size:	10px;
}
.valeurs_energetiques {
	color:			#FFFFFF;
	font-weight:	bold;
	border-top:		#FFFFFF solid 1px;
}
.sous_valeurs_energetiques {
	color:			#FFFFFF;
	font-weight:	normal;
	border-top:		#DDDDDD solid 1px;
}

.clear {
    clear: both;
}
.picto{
	float: left;
	padding: 2px 4px 4px 2px;
}