/* --- pratique --- */
#pratique {
	margin-top: 20px;
	padding-bottom: 5px;
	margin-left: -5px;
	padding-left: 5px;
	background-color: #fdc300;
}
#pratique ul {
	width: 180px;
}
#pratique li {
	list-style-type: none;
	margin-bottom: 2px;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
}
#pratique li div {
	padding-left: 5px;
}
#sous_sous li {
	padding-left: 5px;
	font-size: 14px;
}
#sous_sous li a{
	color: #EEEEEE;
}

#pratique h1 {
	font-size: 20px;
	color: #BD1220;
}
#pratique li a:hover {
	color: #BD1220;
}
#pratique li a.select {
	color: #BD1220;
}
/* --- corps Pratique --- */
#corpsint h1.pratique {
	color: #FFFFFF;
	background-color: #fdc300;
	text-indent: 5px;
}
/* --- trace --- */
#trace {
	margin-left: 10px;
	font-size: 14px;
	color: #555555;
}
#trace a {
	font-size: 14px;
	color: #000000;
	text-decoration: none;
}
#trace a:hover {
	font-size: 14px;
	color: #000000;
	text-decoration: underline;
}

/* --- menu --- */
#menu {
	margin-top: 20px;
	padding-bottom: 5px;
	margin-left: -5px;
	padding-left: 5px;
	background: #f5fae2;
}
#menu ul {
	width: 180px;
}
#menu li {
	list-style-type: none;
	margin-bottom: 2px;
}
#menu li div {
	background-repeat: no-repeat;
	background-position: 47px top;
	padding-left: 5px;
}

#menu li.decouvrir_fumel div {
	background-image: url(img/icone-menu-violet.gif);
	border-bottom: 1px solid #98bf0c;
	}

#menu li.ma_ville div {
	background-image: url(img/icone-menu-violet.gif);
	border-bottom: 1px solid #fdc300;
	}

#menu li.ma_mairie div {
	background-image: url(img/icone-menu-violet.gif);
	border-bottom: 1px solid #bd1220;
	}

#menu li.entreprendre div {
	background-image: url(img/icone-menu-violet.gif);
	border-bottom: 1px solid #b2d9e0;
	}

#menu li.vivre_a_fumel div {
	background-image: url(img/icone-menu-violet.gif);
	border-bottom: 1px solid #b4b099;
	}

#menu li.ccas div {
	background-image: url(img/icone-menu-violet.gif);
	border-bottom: 1px solid #98bf0c;
	}

#menu li.enfance_et_scolarite div {
	background-image: url(img/icone-menu-violet.gif);
	border-bottom: 1px solid #fdc300;
	}

#menu li.contact div {
	background-image: url(img/icone-menu-violet.gif);
	border-bottom: 1px solid #bd1220;
	}
#menu li.admin div {
	background-image: url(img/icone-menu-violet.gif);
	border-bottom: 1px solid #c9d200;
}
#menu li.violet div {
	background-image: url(img/icone-menu-violet.gif);
	border-bottom: 1px solid #90278C;
}
#menu li.orange div {
	background-image: url(img/icone-menu-orange.gif);
	border-bottom: 1px solid #FF9317;
}
#menu li.vert div, #menu li.vert2 div, #menu li.vert3 div {
	background-image: url(img/icone-menu-vert.gif);
	border-bottom: 1px solid #8CC63E;
}

#menu li.decouvrir_fumel a {
	color: #98bf0c;
	}

#menu li.ma_ville a {
	color: #fdc300;
	}

#menu li.ma_mairie a {
	color: #bd1220;
	}

#menu li.entreprendre a {
	color: #b2d9e0;
	}

#menu li.vivre_a_fumel a {
	color: #b4b099;
	}

#menu li.ccas a {
	color: #98bf0c;
	}

#menu li.enfance_et_scolarite a {
	color: #fdc300;
	}

#menu li.contact a {
	color: #bd1220;
	}
#menu li.admin a {
	color: #c9d200;
}
.liste_article, .liste_article a {
	background-color: #c9d200;
	color: #FFFFFF;
}
.liste_rubrique, .liste_rubrique a {
	font-size: 0.72em;
	color: #FFFFFF;
}

.lien_article {
	font-size: 0.72em;
}
.add_article {
	background-color: #F46200;
	font-size: 0.72em;
	color: #FFFFFF;
}

#menu li.violet a {
	color: #90278C;
}
#menu li.orange a {
	color: #FF9317;
}
#menu li.vert a, #menu li.vert2 a, #menu li.vert3 a {
	color: #8CC63E;
}
#menu li a {
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
}
#menu li a:hover, #menu li a.select, #menu li a.select:hover {
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}
/* ----- sous menu ----- */
#menu ul ul {
	width: 180px;
	margin-top: 5px;
	margin-left: 10px;
}
#menu li li {
	list-style-type: none;
	background-image: none;
	padding-left: 0px;
	margin-bottom: 5px;
}
#menu li li a {
	padding-left: 0px;
	padding-right: 15px;
	font-weight: normal !important;
}
#menu li li span {
	font-weight: bold;
}

#menu li.decouvrir_fumel li a {
	color: #98bf0c;
	font-size: 10px;
}
#menu li.decouvrir_fumel li a:hover, #menu li.decouvrir_fumel li a.select, #menu li.decouvrir_fumel li a.select:hover {
	color: #ffffff;
	background-color: #98bf0c;
	font-size: 10px;
}

#menu li.ma_ville li a {
	color: #fdc300;
	font-size: 10px;
}
#menu li.ma_ville li a:hover, #menu li.ma_ville li a.select, #menu li.ma_ville li a.select:hover {
	color: #ffffff;
	background-color: #fdc300;
	font-size: 10px;
}

#menu li.ma_mairie li a {
	color: #bd1220;
	font-size: 10px;
}
#menu li.ma_mairie li a:hover, #menu li.ma_mairie li a.select, #menu li.ma_mairie li a.select:hover {
	color: #ffffff;
	background-color: #bd1220;
	font-size: 10px;
}

#menu li.entreprendre li a {
	color: #b2d9e0;
	font-size: 10px;
}
#menu li.entreprendre li a:hover, #menu li.entreprendre li a.select, #menu li.entreprendre li a.select:hover {
	color: #ffffff;
	background-color: #b2d9e0;
	font-size: 10px;
}

#menu li.vivre_a_fumel li a {
	color: #b4b099;
	font-size: 10px;
}
#menu li.vivre_a_fumel li a:hover, #menu li.vivre_a_fumel li a.select, #menu li.vivre_a_fumel li a.select:hover {
	color: #ffffff;
	background-color: #b4b099;
	font-size: 10px;
}

#menu li.ccas li a {
	color: #98bf0c;
	font-size: 10px;
}
#menu li.ccas li a:hover, #menu li.ccas li a.select, #menu li.ccas li a.select:hover {
	color: #ffffff;
	background-color: #98bf0c;
	font-size: 10px;
}

#menu li.enfance_et_scolarite li a {
	color: #fdc300;
	font-size: 10px;
}
#menu li.enfance_et_scolarite li a:hover, #menu li.enfance_et_scolarite li a.select, #menu li.enfance_et_scolarite li a.select:hover {
	color: #ffffff;
	background-color: #fdc300;
	font-size: 10px;
}

#menu li.contact li a {
	color: #bd1220;
	font-size: 10px;
}
#menu li.contact li a:hover, #menu li.contact li a.select, #menu li.contact li a.select:hover {
	color: #ffffff;
	background-color: #bd1220;
	font-size: 10px;
}
#menu li.admin li a {
	color: #c9d200;
	font-size: 10px;
}
#menu li.admin li a:hover, #menu li.admin li a.select, #menu li.admin li a.select:hover {
	color: #ffffff;
	background-color: #c9d200;
	font-size: 10px;
}
#menu li.violet li a {
	color: #92288D;
	font-size: 10px;
}
#menu li.violet li a:hover, #menu li.violet li a.select, #menu li.violet li a.select:hover {
	color: #ffffff;
	background-color: #92288D;
	font-size: 10px;
}
#menu li.orange li a {
	color: #FB971B;
	font-size: 10px;
}
#menu li.orange li a:hover, #menu li.orange li a.select, #menu li.orange li a.select:hover {
	color: #ffffff;
	background-color: #FB971B;
	font-size: 10px;
}
#menu li.vert li a, #menu li.vert2 li a, #menu li.vert3 li a {
	color: #8CC43D;
	font-size: 10px;
}
#menu li.vert li a:hover, #menu li.vert li a.select, #menu li.vert li a.select:hover, #menu li.vert2 li a:hover, #menu li.vert2 li a.select, #menu li.vert2 li a.select:hover, #menu li.vert3 li a:hover, #menu li.vert3 li a.select, #menu li.vert3 li a.select:hover {
	color: #ffffff;
	background-color: #8CC43D;
	font-size: 10px;
}
/* -------------------- corps --------------------------- */
#milieu {
	float: left;
	width: 468px;
	margin-top: 20px;
}
#milieuint {
	float: left;
	width: 730px;
}
#milieuintadmin {
	float: left;
	width: 680px;
	margin-top: 20px;
	margin-left: 20px;
}
#corps {
	width: 423px;
}
#corpsint a {
	color: #000000;
}
#corpsint a:hover {
	text-decoration: underline;
	color: #000000;
}
#corpsint {
	width: 700px;
}
#corpsintadmin {
	width: 660px;
	/*border: 1px solid #c9d200;*/
}
/* --- evenement --- */
#corpsint h1.evenement {
	color: #FFFFFF;
	background-color: #98bf0c;
	text-indent: 5px;
}
#corpsint span.titre {
	color: #FFFFFF;
	background-color: #98bf0c;
	text-indent: 5px;
	padding-left: 5px;
	padding-right: 15px;
	/*border-bottom: 5px dotted #CCC;*/
}
/* ------------------------------------ texte contenu ------------------------------ */
#corpsintadmin h1 {
	font-size: 16px;
	margin-bottom: 20px;
}
#corpsint h1 {
	font-size: 16px;
	margin-bottom: 20px;
}
#corpsintadmin h1.admin span {
	border-bottom: 5px solid #c9d200;
}
#corpsintadmin h1.admin {
	border-bottom: 1px solid #c9d200;
	color: #c9d200;
}

#corpsint h1.decouvrir_fumel span {
	
}
#corpsint h1.decouvrir_fumel {
	color: #FFFFFF;
	background-color: #98bf0c;
	text-indent: 5px;
}

#corpsint h1.ma_ville span {
	
}
#corpsint h1.ma_ville {
	color: #FFFFFF;
	background-color: #fdc300;
	text-indent: 5px;
}

#corpsint h1.ma_mairie span {
	
}
#corpsint h1.ma_mairie {
	color: #FFFFFF;
	background-color: #bd1220;
	text-indent: 5px;
}

#corpsint h1.entreprendre span {
	
}
#corpsint h1.entreprendre {
	color: #FFFFFF;
	background-color: #b2d9e0;
	text-indent: 5px;
}

#corpsint h1.vivre_a_fumel span {
	
}
#corpsint h1.vivre_a_fumel {
	color: #FFFFFF;
	background-color: #b4b099;
	text-indent: 5px;
}

#corpsint h1.ccas span {
	
}
#corpsint h1.ccas {
	color: #FFFFFF;
	background-color: #98bf0c;
	text-indent: 5px;
}

#corpsint h1.enfance_et_scolarite span {
	
}
#corpsint h1.enfance_et_scolarite {
	color: #FFFFFF;
	background-color: #fdc300;
	text-indent: 5px;
}

#corpsint h1.contact span {
	
}
#corpsint h1.contact {
	color: #FFFFFF;
	background-color: #bd1220;
	text-indent: 5px;
}

#corpsint a {
	text-decoration: underline;
}
#corpsint a:hover {
	text-decoration: underline;
}
#corpsint h1.admin span {
	border-bottom: 5px solid #c9d200;
}
#corpsint h1.admin {
	border-bottom: 1px solid #c9d200;
	color: #c9d200;
}
#corpsint h1.default span {
	
}
#corpsint h1.default {
	color: #FFFFFF;
	background-color: #c9d200;
	text-indent: 5px;
}
.marge_img {
	float: left;
}
.marge2_img {
	float: right;
}

/*Liste de rubrique*/
#rubrique {
	margin-top: 20px;
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;

}
#rubrique ul {
	width: 400px;
	margin-left: 10px;

}
#rubrique li {
	background-color: #c9d200;
	margin-bottom: 20px;
	list-style-type: none;
	padding-left: 10px;
}
#rubrique li.fonction {
	background-color: #F46200;
	font-size: 0.77em;
	font-weight: bold;
}
/* ----- sous menu ----- */
#rubrique ul ul {
	width: 350px;
}
#rubrique li li {
	list-style-type: none;
	background-image: none;
	padding-left: 0px;
	margin-top: 8px;
}
#rubrique li li a {
	padding-left: 0px;
	padding-right: 15px;
	font-weight: normal !important;
}
#rubrique li li span {
	font-weight: bold;
}
a {
	color: #FFFFFF;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: none;
}
#page {
	width: 950px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	border: thin solid #C9D200;
	background-repeat: no-repeat;
	background-position: 220px 250px;
	background-image: url(http://www.fumel-fr.com/THEME/mairie_fumel/images/fond_logo.gif);
}
/* fiche perso */
#fiche_perso_1 {
	width: 480px;
}
.photo_fiche_perso {
}
#fiche_perso_text {
	font-size: 14px;
	font-family: Arial;
	color: #000000;
	background-position: top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}
#fiche_perso_text a {
	color: #000000;
	font-weight: bold;
}
#fiche_perso_text a:hover {
	color: #FF0000;
}

#fiche_perso_liste_block {
	width: 200px;
}

#fiche_perso_liste {
	font-size: 12px;
	font-family: Arial;
	color: #000000;
	background-position: top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}
#fiche_perso_text a {
	color: #000000;
	font-weight: bold;
}

/* Pied de page padding: 2px;*/
#pied {
	clear: both;
	width: 100%;
	/*border-top: 1px dotted #CCC;*/
	
	text-align: center; }
#pied small { font-size: 0.77em; }
#pied img { vertical-align: bottom; }
