.index_titre_page {
	font-size: 35px;
	color: #cccc99;
	text-align: left;
	margin: 0 0 0 20px;
	padding: 0;
}

.index_bt_haut {
	text-align: left;
	margin: 0 0 30px 20px;
	padding: 0;
}

.index_bt_haut img {
	margin: 0 22px 0 0;
	padding: 0;
}


.index_titre_fond {
	background-position: left top;
	background-image: url(../images/mairie_pratique/index/index_titre_fond.gif);
	background-repeat: repeat-x;
}

.index_page {
	text-align: left;
	color: #000000;
	margin: 0 0 0 20px;
	padding: 0;
}

.index_page ul {
	font-size: 10px;
	list-style-type: none;
	margin: 5px 20px 0 0;
	padding: 0;
}

.index_page li {
	display: inline;
}

.index_page ul li a:link, .index_page ul li a:visited {
	display: block;
	color: #000000;
	text-decoration: none;
	padding: 0 0 3px 13px;
	margin: 0;
	background-position: left -7px;
	background-image: url(../images/mairie_pratique/index/li_fl.gif);
	background-repeat: no-repeat;
	border: 0;
}

.index_page ul li a:hover, .index_page ul li a.active {
	color: #ff5214;
	background-position: left -67px;
	background-image: url(../images/mairie_pratique/index/li_fl.gif);
}



.index_page p {
	font-size: 10px;
	margin: 8px 15px 0 0;
	padding: 0;
}

.index_page p a:link, .index_page p a:visited {
	color: #000000;
	text-decoration: none;
}

.index_page p a:hover {
	color: #ff5214;
}

.index_page_etc {
	color: #ff5214;
}


/* documents administratifs */

#doc_chapo {
	width: 680px;
	text-align: left;
	margin: 0 0 20px 0;
	padding: 0;
}

#doc_chapo p {
	margin: 8px 350px 0 0;
	padding: 0;
	color: #ff591e;
}

.doc_menu {
	font-size: 10px;
	margin: 0;
	padding: 0;
}

.doc_menu a:link, .doc_menu a:visited {
	display: block;
	color: #000000;
	text-decoration: none;
	margin: 0 0 0 0;
	padding: 3px 20px 3px 10px;
	background-position: left 7px;
	background-image: url(../images/mairie_pratique/doc_admin_puce.gif);
	background-repeat: no-repeat;
}

.doc_menu a:hover {
	color: #ff5214;
}


/* annuaire express */

#annu_navigation {
	height: 20px;
	width: 690px;
	margin: 5px 0 25px 10px;
	padding: 0;
	background-color: #ff591e;
}

#annu_nav, #annu_nav ul {
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
	list-style: none;
	padding: 0;
	margin: 0 0 0 100px;
}

#annu_nav a {
	display: block;
	color: #ffffff;
	text-decoration: none;
	background-color: #ff591e;
}

#annu_nav li {
	float: left;
	padding: 0;
}

#annu_nav li a {
	color: #ffffff;
	padding: 4px 8px 4px 8px;
	margin: 0;
	border-right: 1px solid #ffffff;
	background-color: #ff591e;
}

#annu_nav li a:hover {
	color: #ff591e;
	border-right: 1px solid #ffffff;
	background-color: #ffffff;
}

#annu_nav .annu_nav_active a {
	color: #663300;
	padding: 4px 8px 4px 8px;
	margin: 0;
	border-right: 1px solid #ffffff;
	background-color: #ff591e;
}

#annu_nav .annu_nav_active a:hover {
	color: #663300;
	border-right: 1px solid #ffffff;
	background-color: #ff591e;
}






.annu_liste {
	height: 400px;
	width: 690px;
	font-size: 10px;
	text-align: left;
	margin: 0 0 10px 10px;
	padding: 0;
	overflow: auto;
	scrollbar-face-color: #ff591e;
	scrollbar-shadow-color: #ff591e;
	scrollbar-highlight-color: #ff591e;
	scrollbar-3dlight-color: #ff591e;
	scrollbar-darkshadow-color: #ff591e;
	scrollbar-track-color: #ffffff;
	scrollbar-arrow-color: #ffffff;
	background-position: 210px top;
	background-image: url(../images/mairie_pratique/annu_express_fond.gif);
	background-repeat: repeat-y;
}

.annu_liste p {
	margin: 0 20px 10px 0;
	padding: 0;
}

.annu_lettre {
	font-size: 22px;
	font-weight: bold;
	color: #ff591e;
	margin: 0 0 15px 0;
	padding: 0;
}

.annu_intitule {
	font-size: 11px;
	font-weight: bold;
	color: #660000;
}

.annu_service {
	font-weight: bold;
	color: #993300;
}

.annu_col1, .annu_col2 {
	float: left;
	width: 210px;
	margin: 0 20px 10px 0;
	padding: 0;
}

.annu_col3 {
	float: left;
	width: 210px;
	margin: 0 0 10px 0;
	padding: 0;
}

.annu_lien a:link, .annu_lien a:visited {
	font-size: 9px;
	color: #660000;
	text-decoration: none;
}

.annu_lien a:hover {
	color: #ff591e;
}



#spl_guichet {
	font-size: 10px;
	color: #000000;
	margin: 0 0 10px 0;
	padding: 0;
	background-image: url(images/pix_trans.gif);
}

#spl_guichet a:link, #spl_guichet a:visited {
	font-size: 9px;
	color: #660000;
	text-decoration: none;
}

#spl_guichet a:hover {
	color: #ff591e;
}

#spl_guichet .spl_nom {
	font-weight: bold;
	color: #993300;
	margin: 0 0 2px 0;
	padding: 0;
}

#spl_guichet .spl_adr {
	margin: 0 0 4px 0;
	padding: 0;
}

#spl_guichet .spl_web {
	margin: 5px 0 0 0;
	padding: 0;
}

#spl_guichet .spl_hor {
	margin: 5px 0 0 0;
	padding: 0;
}


/* espace famille */

.fam_titre {
	width: 700px;
	text-align: right;
	margin: 0 0 10px 10px;
	padding: 0;
	background-position: left top;
	background-image: url(images/espace_famille/titre_fond.gif);
	background-repeat: no-repeat;
}

.fam_titre img {
	margin: 25px 25px 0 0;
	padding: 0;
}


.fam {
	width: 700px;
	margin: 0 0 0 10px;
	padding: 0 0 20px 0;
	background-position: left bottom;
	background-image: url(images/espace_famille/fam_fond.gif);
	background-repeat: no-repeat;
}

*html .fam {
	padding: 0 0 0 0;
}

.fam_col1 {
	float: left;
	width: 280px;
	font-size: 13px;
	font-weight: bold;
	line-height: 26px;
	text-align: left;
	color: #b38a18;
	margin: 0;
	padding: 0 20px 0 40px;
}

*html .fam_col1 {
	width: 340px;
}

.fam_col2 {
	float: left;
	width: 330px;
	text-align: left;
	color: #85301f;
	margin: 0;
	padding: 30px 0 0 0;
	background-position: left top;
	background-image: url(images/espace_famille/fam_col2_fond.gif);
	background-repeat: no-repeat;
}

.fam_col2 p {
	margin: 0 105px 10px 20px;
	padding: 0;
}

.fam_col2_titre {
	font-size: 16px;
	color: #b31877;
	font-weight: bold;
	text-align: left;
}

.fam_col2_con {
	font-size: 10px;
	margin: 25px 0 0 20px;
	padding: 0;
}

.fam_col2_con a:link, .fam_col2_con a:visited {
	color: #85301f;
	font-weight: bold;
	text-decoration: underline;
}

.fam_col2_con a:hover {
	text-decoration: none;
}


.fam_note {
	clear: both;
	color: #85301f;
	line-height: 14px;
	text-align: left;
	margin: 20px 120px 0 290px;
	padding: 0 0 0 40px;
	background-position: left 10px;
	background-image: url(images/espace_famille/fam_note_fond.gif);
	background-repeat: no-repeat;
}

.fam_note a:link, .fam_note a:visited {
	color: #85301f;
	font-weight: bold;
	text-decoration: underline;
}

.fam_note a:hover {
	text-decoration: none;
}

.fam_violet {
	color: #d50f42;
}

.fam_terme {
	clear: both;
	color: #85301f;
	font-size: 13px;
	text-align: left;
	margin: 170px 120px 0 215px;
	padding: 0;
}

.fam_terme_titre {
	font-size: 17px;
	color: #b31877;
	font-weight: bold;
	text-align: left;
}



/* evenements vie */

.evtvie_titre {
	width: 700px;
	margin: 0 0 10px 10px;
	padding: 0;

}

.evtvie {
	width: 700px;
	margin: 0 0 0 10px;
	padding: 0 0 20px 0;
}

*html .evtvie {
	padding: 0 0 0 0;
}


.evtvie p {
	margin: 0 0 10px 0;
	padding: 0;
}

.evtvie_col1 {
	float: left;
	width: 200px;
	text-align: left;
	margin: 0;
	padding: 0 30px 0 20px;
}

*html .evtvie_col1 {
	width: 250px;
}

*+html .evtvie_col1 {
	width: 250px;
}


.evtvie_col2 {
	float: left;
	width: 270px;
	text-align: left;
	margin: 0;
	padding: 0 0 0 0;
}

.evtvie_col2 ul {
	font-size: 11px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0 0 80px 0;
	background-position: left bottom;
	background-image: url(images/evts_vie/cadre_bas.gif);
	background-repeat: no-repeat;
}

.evtvie_col2 li {
	display: inline;
}

.evtvie_col2 ul li a:link, .evtvie_col2 ul li a:visited {
	display: block;
	color: #2A84B3;
	text-decoration: none;
	margin: 0 0 3px 15px;
	padding: 4px 0 5px 30px;
	background-position: left -8px;
	background-image: url(images/evts_vie/lien_puce.gif);
	background-repeat: no-repeat;
}

.evtvie_col2 ul li a:hover, .evtvie_col2 ul li a.active {
	color: #FC7500;
	background-position: left -128px;
	background-image: url(images/evts_vie/lien_puce.gif);
	background-repeat: no-repeat;
}



/* dossier */

#dossiers {
	width: 700px;
	margin: 0 0 20px 0;
	padding: 0;
}

.dossier_menu {
	float: left;
	width: 130px;
	padding-right: 20px;
}

.dossier_menu ul {
	list-style-type: none;
	margin: 0 10px 15px 0;
	padding: 3px 0 3px 0;
	border-top: 6px solid #ffcc66;
}

.dossier_menu ul li {
	border-bottom: 3px solid #ffcc66;
}

.dossier_menu ul li a:link, .dossier_menu ul li a:visited {
	display: block;
	color: #434579;
	font-style: italic;
	font-weight: bold;
	line-height: 13px;
	text-decoration: none;
	margin: 4px 0 4px 0;
	padding: 0 0 0 12px;
	background-position: left 6px;
	background-image: url(../images/bienvenue/bien_menu_puce.gif);
	background-repeat: no-repeat;
	
}

.dossier_menu ul li a:hover {
	color: #663333;
	background-position: left -54px;
	background-image: url(../images/bienvenue/bien_menu_puce.gif);
	background-repeat: no-repeat;
}

.dossier {
	float: left;
	width: 550px;
	text-align: left;
}

.dossier p {
	line-height: 16px;
	margin: 0 0 12px 0;
}

.dossier h1 {
	font-size: 23px;
	font-weight: normal;
	line-height: 26px;
	color: #305bb0;
	margin: 0 40px 10px 0;
}

.dossier h2 {
	font-size: 15px;
	font-weight: bold;
	color: #d26116;
	margin: 0 0 5px 0;
}

.dossier h3 {
	font-size: 12px;
	font-weight: bold;
	line-height: 15px;
	color: #305bb0;
	margin: 0 0 8px 0;
}

.dossier .chapo {
	font-weight: bold;
	color: #305bb0;
	margin: 0 0 25px 0;
}

.dossier .colg {
	float: left;
	width: 260px;
	margin: 0 20px 0 0;
}

.dossier .cold {
	float: left;
	width: 260px;
	margin: 0 0 0 0;
}

.dossier #plusinfos {
	height: 980px;
}

.dossier #plusinfos ul {
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	background-position: left bottom;
	background-image: url(images/dossiers/plusinfos_separe.gif);
	background-repeat: no-repeat;
}

.dossier #plusinfos li {
	display: inline;
}

.dossier #plusinfos ul li a {
	display: block;
	font-size: 14px;
	line-height: 17px;
	color: #d26116;
	text-decoration: none;
	margin: 0 0 5px 0;
	padding: 1px 0 1px 30px;
	background-position: left -5px;
	background-image: url(images/dossiers/plusinfos_li_puce.gif);
	background-repeat: no-repeat;
}

.dossier #plusinfos ul li a:hover {
	color: #305bb0;
	background-position: left -94px;
	background-image: url(images/dossiers/plusinfos_li_puce.gif);
	background-repeat: no-repeat;
}

.dossier #plusinfos  a.encours, .dossier #plusinfos  a.encours:hover {
	color: #305bb0;
	background-position: left -94px;
	background-image: url(images/dossiers/plusinfos_li_puce.gif);
	background-repeat: no-repeat;
}

.dossier #doss_02, .dossier #doss_03 {
	display: none;
}


.dossier #plusinfos .chapo {
	font-weight: bold;
	color: #d26116;
	margin: 0 0 12px 0;
}

.dossier #plusinfos img {
	margin: 3px 0 3px 0;
}