body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;		
	color: #226050;
	text-decoration: none;
	font-weight:500;
	margin-left:30px;
	margin-top:30px;
	text-transform:uppercase;
}

ul{
	margin-top:4px;
}
#div_onglets_plan {
	width: 600px;
}


li{
	margin-top:5px;
	margin-left:-15px;
	list-style-image:url(images/yffiniac/puce_bleue.gif);
	margin-bottom:2px;
}

.bg_index{
background-image:url(images/index/bg_index.jpg);
	background-repeat:no-repeat;
	background-position:right,top;
	
}
.illus_page{
	margin-top:1px; 
	margin-bottom:1px;
}

.puce_bleu{
  margin-bottom: -6px; 
}

.mini_puce_bleu{
  margin-left: 25px; 
  margin-right: 15px; 
}

.zone_blanche_transp{
	margin-right:30px;
}

.ligne_bleu{

	font-size: 1px;
	background-color:#4B97DD;
	width: 80%;
	height: 1px;
}

.bg_page { background-image: url(images/yffiniac/bg_haut_page.jpg); background-repeat:no-repeat}

.verdana_11px_noir {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

.tahoma_11px_bleu {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	color: #4B97DD;
}

.tahoma_11px_gris {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	color: #226255;
}

.tahoma_11px_gris_fonce {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}

.img1 {
	border: 1px solid #53ABFE;
}

.cell_tarifs1{
	padding : 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #4B97DD;
	text-decoration: none;
}

.cell_tarifs2{
	padding : 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #006666;
	text-decoration: none;
}

.cell_demarches{
	background-color:#ffffff; 
	background-image:url(images/infos_pratiques/bg_demarches.jpg);
	background-repeat:repeat-x;
	
	border: 1px dotted #4B97DD; 
	width:520px; 
	margin-top:10px; 
	align:justify; 
	padding:20px; 
	
}

.form1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	border: 1px solid #3A3A3A;
	
}

.arial_gras_vert {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #318A74;
	text-decoration: none;
}


.arial_gras_vert_14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #318A74;
	text-decoration: none;
}

.arial_vert {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #006666;
	text-decoration: none;
}

.arial_gras_bleu_11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #4B97DD;
	text-decoration: none;
}

.arial_blanc_11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	background-color:#4B97DD;
}

.arial_gris_11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #888888;
	text-decoration: none;
}

.arial_gras_bleu_16 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #4B97DD;
	text-decoration: none;
}

.arial_gras_bleu_14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #4B97DD;
	text-decoration: none;
}

.arial_gris_14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: 600;
	text-decoration: none;
}

.arial_grisclair_14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #888888;
	font-weight: 600;
	text-decoration: none;
}

.arial_gras_bleu_18 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #4B97DD;
	text-decoration: none;
}

.arial_gras_bleu_24 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #4B97DD;
	text-decoration: none;
	font-weight:100;	
	text-transform:uppercase;
}

.puce_titre{
	border: 1px solid #c8c8c8;	
	position:relative;	
	font-size: 2px;
	left:25px;
	top:37px;
	float:left;
	width: 10px;
	height: 10px;
}

.cellule_table_blanc{
	background-color:#FBFCFE; 
	padding:10px; 
}

.image_contour_bleu{
	padding:2px;
	border: 2px solid #4B97DD;	
	/*border: 5px solid #F4F4F4;	*/
}

.lien_tahoma_9px_bleu:link 		{ font-family: Tahoma, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #4B97DD; 	text-decoration: none;}
.lien_tahoma_9px_bleu:visited 	{ font-family: Tahoma, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #4B97DD; 	text-decoration: none;}
.lien_tahoma_9px_bleu:hover 	{ font-family: Tahoma, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #333333; 	text-decoration: none;}
.lien_tahoma_9px_bleu:active 	{ font-family: Tahoma, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #4B97DD; 	text-decoration: none;}

.lien_tahoma_11px_bleu:link 		{ font-family: Tahoma, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #4B97DD; 	text-decoration: none;}
.lien_tahoma_11px_bleu:visited 	{ font-family: Tahoma, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #4B97DD; 	text-decoration: none;}
.lien_tahoma_11px_bleu:hover 	{ font-family: Tahoma, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #333333; 	text-decoration: none;}
.lien_tahoma_11px_bleu:active 	{ font-family: Tahoma, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #4B97DD; 	text-decoration: none;}

.lien_tahoma_12px_bleu		{ font-family: Tahoma, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #4B97DD; 	text-decoration: none;}
.lien_tahoma_12px_bleu:hover 	{ font-family: Tahoma, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #333333; 	text-decoration: none;}

.lien_arial_12px_grisbleu		{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #4B97DD; 	text-decoration: none;}
.lien_arial_12px_grisbleu:hover 	{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #333333; 	text-decoration: none;}


.lien_tahoma_11px_blanc:link 		{ font-family: Tahoma, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-decoration: none;}
.lien_tahoma_11px_blanc:visited 	{ font-family: Tahoma, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-decoration: none;}
.lien_tahoma_11px_blanc:hover 		{ font-family: Tahoma, Helvetica, sans-serif; font-size: 11px; color: #333333; text-decoration: none;}
.lien_tahoma_11px_blanc:active 		{ font-family: Tahoma, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-decoration: none;}

.lien_tahoma_11px_noir:link 	{ font-family: Tahoma, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none;}
.lien_tahoma_11px_noir:visited 	{ font-family: Tahoma, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none;}
.lien_tahoma_11px_noir:hover 	{ font-family: Tahoma, Helvetica, sans-serif; font-size: 11px; color: #282323; text-decoration: none;}
.lien_tahoma_11px_noir:active 	{ font-family: Tahoma, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none;}

.lien_arial_10px_blanc:link 	{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none;}
.lien_arial_10px_blanc:visited 	{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none;}
.lien_arial_10px_blanc:hover 	{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #4B97DD; text-decoration: none;}
.lien_arial_10px_blanc:active 	{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none;}

.lien_ss_menu:link 	{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none; margin-left:30px;}
.lien_ss_menu:visited 	{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none; margin-left:30px;}
.lien_ss_menu:hover 	{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #4A4A4A; text-decoration: none; margin-left:32px;}
.lien_ss_menu:active 	{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none; margin-left:30px;}

.over_bg_bleu:link {  background-color:#FFFFFF; }
.over_bg_bleu:hover {  background-color:#DDEBF8; }

.ss_menu_mairie { height:20px; width:100%; background-image: url(images/mairie/bg_ssTitre.gif); background-repeat:no-repeat}
.ss_menu_mairie_on { height:20px; width:100%;  background-color:#FF5F3D;}

.ss_menu_yffiniac { height:20px; width:100%; background-image: url(images/yffiniac/bg_ssTitre.gif); background-repeat:no-repeat}
.ss_menu_yffiniac_on { height:20px; width:100%;  background-color:#FF0000;}

.ss_menu_culture { height:20px; width:100%; background-image: url(images/culture/bg_ssTitre.gif); background-repeat:no-repeat}
.ss_menu_culture_on { height:20px; width:100%;  background-color:#FFA037;}

.ss_menu_associations { height:20px; width:100%; background-image: url(images/associations/bg_ssTitre.gif); background-repeat:no-repeat}
.ss_menu_associations_on { height:20px; width:100%;  background-color:#FFE151;}

.ss_menu_sports_loisirs { height:20px; width:100%; background-image: url(images/sports_loisirs/bg_ssTitre.gif); background-repeat:no-repeat}
.ss_menu_sports_loisirs_on { height:20px; width:100%;  background-color:#83D160; }

.ss_menu_tourisme_eco { height:20px; width:100%; background-image: url(images/tourisme_economie/bg_ssTitre.gif); background-repeat:no-repeat}
.ss_menu_tourisme_eco_on { height:20px; width:100%;  background-color:#00B26F;}

.ss_menu_enfance { height:20px; width:100%; background-image: url(images/enfance_jeunesse/bg_ssTitre.gif); background-repeat:no-repeat}
.ss_menu_enfance_on { height:20px; width:100%;  background-color:#28CACC;}

.ss_menu_urbanisme { height:20px; width:100%; background-image: url(images/urbanisme/bg_ssTitre.gif); background-repeat:no-repeat}
.ss_menu_urbanisme_on { height:20px; width:100%;  background-color:#2489B0;}

.ss_menu_infos_pratiques { height:20px; width:100%; background-image: url(images/infos_pratiques/bg_ssTitre.gif); background-repeat:no-repeat}
.ss_menu_infos_pratiques_on { height:20px; width:100%;  background-color:#C0ACDE;}
.tableau_rues {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #398BD5;
	text-align: left;
	
}
.liste-rues-colonne-droite {
	font-size: 8px;
	color: #316AC5;
}

.td-tableau-rues{
	border-top: 1px solid #aaaaaa; width:140px;

}

.rues_menu_alphabetique {
	display: inline;
	margin-right: 20px;
 
}

.onglets-plan {
	width:50px;
	height:30px;
	background-image:url(images/infos_pratiques/a-b_btn.gif);
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	text-align: center;
	margin-top: 10px;
	line-height: 30px;
	font-style: normal;
	margin-right:12px;
}

.onglets-plan:hover{

background-image:url(images/infos_pratiques/a-b_btn_on.gif);
}

.onglet-lien {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #398BD5;
	text-decoration: none;
	margin-top: 20px;
	}
.td-tableau-titres {
	border-top-color: #DAEAF9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}
.arial_bleu_16 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #4B97DD;
	text-decoration: none;
}