@charset "utf-8";
/* =============================================================================
					RESET DU STYLE PAR DEFAULT DES NAVIGATEURS
/* =============================================================================*/
*{margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent;}
ol, ul, li {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
a {color: #505050; text-decoration: none;}
.iePng {behavior: url(/images/iepngfix.htc);}
input {text-align: left;}
/* =============================================================================
/* =============================================================================*/

body
{
	background-color: #b4cd21;
	background-image: url(/images/background.png);
	background-repeat: repeat-x;
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	font-size: 12px;
	color: #505050;
	font-weight: 100;
}

div#main
{	
	position: relative;
	padding: 4px;
	z-index: 10;
	width: 956px;
	height: auto;	
	margin: 31px auto 25px auto;
}

div#main_border
{
	position: absolute;
	top:0; 
	left:0; 
	right:0; 
	bottom: 0;
	height: auto;
	z-index: -1;
	border: 4px solid #000;
	-moz-opacity:0.2;
	opacity: 0.2;
	filter:alpha(opacity=20);
}

/* ===== print =================================================================*/
h1.title {background: url(/images/puce_h1.png) no-repeat 0 4px; padding-left: 10px; font-size: 19px; font-style: italic; color: #97b504; font-weight: bold;}
h2.subtitle {font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #505050; font-weight: bold;}
/* =============================================================================*/


/* =============================================================================
									HEADER
/* =============================================================================*/
div#header
{
	height: 250px;
	width: 956px;
	background-color: #7fb2f4;
	background-image: url(/images/header.jpg);
	background-repeat: no-repeat;
}
div#header div#logo_yenne {position: absolute; margin: -36px 0 0 15px; height: 242px; width: 204px; background: url(/images/bg_yenne_header.png);}
div#header div#logo_yenne a.logo {display: block; height: 92px; width: 148px; background: url(/images/logo_yenne_header.png) no-repeat; text-indent: -999em; margin: 20px 0 0 30px;}
div#header div#logo_yenne table {margin-top: 70px; margin-left: 31px;}
div#header div#logo_yenne table .input {border: 1px solid #aec91f; height: 15px; width: 116px; padding: 1px 0 0 3px; font-size: 10px; font-style: italic; color: #505050;}
div#header div#logo_yenne table .submit { margin-left: 6px; height: 18px; width: 18px; background-image: url(/images/search_submit.png); background-position: top; cursor: pointer;}
div#header div#logo_yenne table .submit:hover {background-position: bottom;}

div#menu
{
	position: absolute;
	min-height: 35px;
	width: 954px;
	margin: 93px 0 0 1px;
	background: #4b4b4b;
	/*-moz-opacity:0.9;
	opacity: 0.9;
	filter:alpha(opacity=90);*/
}
div#menu span {padding-left: 6px; border-left: 1px solid #aec91f; color: #aec91f; font-size: 13px; cursor: pointer;}
div#menu span:hover {border-left: 1px solid #fff; color: #fff; border-bottom: 2px solid #fff; padding-bottom: 9px;}

div#menu div.subMenu {position: absolute; margin-top: 10px; height: 0px; background: #555; /*width: 200px;*/ z-index:100; overflow: hidden;}
div#menu div.subMenu a,
div#menu div.subMenu .subSubMenuOpen,
div#menu div.subSubMenu a  {display: block; text-align: left; color: #fff; background: #555; padding: 4px 10px 4px 10px; margin: 0;}
/*div#menu div.subMenu a:hover {color: #4b4b4b; background-image: #aec91f;}*/

div#menu div.subSubMenu {position: absolute; /*margin-left: 201px; height: 400px;*/ width: 0px; z-index:101; background: red; overflow: hidden;}
/* =============================================================================
/* =============================================================================*/



/* =============================================================================
									MODULE ACCESSIBILITE
/* =============================================================================*/
div#accessibilite {position: absolute; height: 35px; width: 52px; margin: 93px 0 0 956px;}
div#accessibilite div#accessibiliteLeft
{
	float: left;
	height: 35px;
	width: 15px;
	background: url(/images/handicape/left.png) no-repeat;
}
div#accessibilite div#accessibiliteRight
{
	float: left;
	height: 35px;
	width: 8px;
	background: url(/images/handicape/right.png) no-repeat;
}
div#accessibilite div#accessibiliteMiddle
{
	float: left;
	height: 35px;
	
	cursor: pointer;
}
div#accessibilite img {float: right;}
div#accessibilite div#accessibiliteEffect {color: #4b4b4b; display: none; float: left;}
div#accessibilite p.title {color: #4b4b4b; font-weight: 600; padding-top: 11px; height: 24px;font-size:12px;}

div#deficient_visuel
{
	/*display: none;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	/*margin-left: 14px;
	margin-top: 35px;*/
	height: 256px;
	width: 174px;
	/*border-left: 1px solid #fff;*/
	border-right: 1px solid #90a41a;
	border-bottom: 2px solid #90a41a;
	background: #aec91f;
	color: #4b4b4b; 
	font-size: 14px;
}

div#deficient_visuel_t_txt
{
	padding-top: 10px;
	margin-left: 10px;
	height: 60px;
	width: 160px;
	text-align: center;
}

div#deficient_visuel_t_txt a.font_down
{
	display: block;
	margin: 10px 12px 0 12px;
	float: left;
	height: 27px;
	width: 56px;
	background-image: url(../images/handicape/font_down.png);
	background-repeat: no-repeat;
	background-position: top;
}
div#deficient_visuel_t_txt a.font_down:hover {background-position: bottom;}

div#deficient_visuel_t_txt a.font_up
{
	display: block;
	margin-top: 6px;
	float: left;
	height: 34px;
	width: 59px;
	background-image: url(../images/handicape/font_up.png);
	background-repeat: no-repeat;
	background-position: top;
}
div#deficient_visuel_t_txt a.font_up:hover {background-position: bottom;}

div#deficient_visuel_c_fond
{
	margin-top: 9px;
	height: 50px;
	width: 160px;
	margin-left: 10px;
	text-align: center;
}

div#deficient_visuel_c_fond .btn
{
	flaot: left;
	display: block;
	float: left;
	height: 24px;
	width: 17px;
	margin-left: 2px;
	margin-top: 4px;
	background-repeat: no-repeat;
	background-position: top;
}
div#deficient_visuel_c_fond .rouge{background-image: url(../images/handicape/bg_color_rouge.png); margin-left: 5px;} 
div#deficient_visuel_c_fond .orange{background-image: url(../images/handicape/bg_color_orange.png);} 
div#deficient_visuel_c_fond .vert_f{background-image: url(../images/handicape/bg_color_vert_f.png);} 
div#deficient_visuel_c_fond .vert_c{background-image: url(../images/handicape/bg_color_vert_c.png);} 
div#deficient_visuel_c_fond .jaune{background-image: url(../images/handicape/bg_color_jaune.png);} 
div#deficient_visuel_c_fond .bleu{background-image: url(../images/handicape/bg_color_bleu.png);} 
div#deficient_visuel_c_fond .violet{background-image: url(../images/handicape/bg_color_violet.png);} 
div#deficient_visuel_c_fond .noir{background-image: url(../images/handicape/bg_color_noir.png);} 

div#deficient_visuel_c_fond .rouge:hover,
div#deficient_visuel_c_fond .orange:hover,
div#deficient_visuel_c_fond .vert_f:hover,
div#deficient_visuel_c_fond .vert_c:hover,
div#deficient_visuel_c_fond .jaune:hover,
div#deficient_visuel_c_fond .bleu:hover,
div#deficient_visuel_c_fond .violet:hover,
div#deficient_visuel_c_fond .noir:hover{background-position: bottom;}



div#deficient_visuel_c_txt
{
	height: 40px;
	width: 160px;
	margin-left: 10px;
	text-align: center;
}

div#deficient_visuel_c_txt .btn
{
	flaot: left;
	display: block;
	float: left;
	height: 19px;
	width: 19px;
	margin-top: 4px;
	background-repeat: no-repeat;
	background-position: top;
}
div#deficient_visuel_c_txt .rouge{background-image: url(../images/handicape/txt_color_rouge.png); margin-left: 0px;} 
div#deficient_visuel_c_txt .orange{background-image: url(../images/handicape/txt_color_orange.png);} 
div#deficient_visuel_c_txt .vert_f{background-image: url(../images/handicape/txt_color_vert_f.png);} 
div#deficient_visuel_c_txt .vert_c{background-image: url(../images/handicape/txt_color_vert_c.png);} 
div#deficient_visuel_c_txt .jaune{background-image: url(../images/handicape/txt_color_jaune.png);} 
div#deficient_visuel_c_txt .bleu{background-image: url(../images/handicape/txt_color_bleu.png);} 
div#deficient_visuel_c_txt .violet{background-image: url(../images/handicape/txt_color_violet.png);} 
div#deficient_visuel_c_txt .noir{background-image: url(../images/handicape/txt_color_noir.png);} 

div#deficient_visuel_c_txt .rouge:hover,
div#deficient_visuel_c_txt .orange:hover,
div#deficient_visuel_c_txt .vert_f:hover,
div#deficient_visuel_c_txt .vert_c:hover,
div#deficient_visuel_c_txt .jaune:hover,
div#deficient_visuel_c_txt .bleu:hover,
div#deficient_visuel_c_txt .violet:hover,
div#deficient_visuel_c_txt .noir:hover{background-position: bottom;}


div#deficient_visuel_reset{height: 38px; width: 160px; text-align: center; padding-top: 12px; margin-left: 10px;}
div#deficient_visuel_reset a{color: #5d5d5d;}
div#deficient_visuel_reset a:hover{text-decoration: underline;}

div#deficient_visuel_more{height: 20px; width: 160px; text-align: center; padding-top: 10px; margin-left: 10px;}
div#deficient_visuel_more a{color: #5d5d5d;}
div#deficient_visuel_more a:hover{text-decoration: underline;}
/* =============================================================================
/* =============================================================================*/


div#tpl_content
{
	width: 914px;
	/*height: 540px;*/
	background-color: #fff;
	background-image: url(/images/content_bg.png);
	background-repeat: repeat-x;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 25px 0 0 40px;	
}


/* =============================================================================
									TPL_HOME
/* =============================================================================*/
div#tpl_home .submit
{float: right; padding: 2px 17px 2px 4px; background-color: #505050; background-image: url(/images/fleche_submit.png); background-position: right; color: #fff; cursor: pointer; background-repeat: no-repeat; border: none; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px;}


div#tpl_home div#actuCommune
{
	float: left;
	min-height: 180px;
	width: 689px;
	border-right: 1px dotted #bbb;
}
div#tpl_home div#actuCommune h1 {margin-bottom: 15px;}
div#tpl_home div#actuCommune h2 {margin-bottom: 6px;}
div#tpl_home .actu {float: left; width: 314px; min-height: 124px; font-family: Verdana, Arial, Helvetica, sans-serif;}
div#tpl_home .actu img {float: left; border: 1px solid #4c4c4c; margin-right: 5px;}
div#tpl_home .actu p.desc {font-size: 9px;}
div#tpl_home .actu a.see_all {font-size: 9px; border-bottom: 2px solid #d3d3d3;}


div#tpl_home div#yenneInfos
{
	float: left;
	min-height: 180px;
	width: 150px;
	font-size: 9px;	
	margin-left: 22px;
}
div#tpl_home div#yenneInfos div.pos {float: left;}
div#tpl_home div#yenneInfos p.desc1 {padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #d3d3d3; font-family: Verdana, Arial, Helvetica, sans-serif; width: 131px;}
div#tpl_home div#yenneInfos p.desc2 {font-family: Verdana, Arial, Helvetica, sans-serif; width: 131px; margin-bottom: 4px;}
div#tpl_home div#yenneInfos h1 {margin-bottom: 15px;}
/*div#tpl_home div#yenneInfos a.abonner {display: block; height: 73px; width: 136px; background-image: url(/images/yenneinfos_btn.png); background-position: top; text-indent: -999em;}
div#tpl_home div#yenneInfos a.abonner:hover {background-position: bottom;}*/
div#tpl_home div#yenneInfos div.ico {position: absolute; margin: 4px 0 0 90px; height: 73px; width: 73px; background: url(/images/enveloppe.png) no-repeat;}
div#tpl_home div#yenneInfos p.title {margin-left: 15px; font-size: 12px; margin-top: 38px;}
div#tpl_home div#yenneInfos .input 
{margin: 25px 0 0 0px; border: 1px solid #aec91f; height: 18px; width: 145px; padding: 7px 0 0 3px; font-size: 10px; font-style: italic; color: #505050; background: #f9f9f9;}
div#tpl_home div#yenneInfos .submit {clear: both; width: 128px; margin-top: 11px;}


/*div#tpl_home div#annuaire
{
	float: left;
	min-height: 180px;
	width: 198px;
	margin-left: 22px;
}
div#tpl_home div#annuaire h1 {margin-bottom: 15px;}
div#tpl_home div#annuaire p.desc {font-size: 9px; text-align: justify; font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom: 6px;}
div#tpl_home div#annuaire label {font-size: 14px;}
div#tpl_home div#annuaire table .input 
{border: 1px solid #aec91f; height: 15px; width: 133px; padding: 1px 0 0 3px; font-size: 10px; font-style: italic; color: #505050; background: #f9f9f9;}*/


div#tpl_home div#agenda
{
	float: left;
	min-height: 180px;
	width: 155px;
	border-right: 1px dotted #bbb;
	font-size: 9px;
}
div#tpl_home div#agenda p.desc1 {padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #d3d3d3; font-family: Verdana, Arial, Helvetica, sans-serif; width: 131px;}
div#tpl_home div#agenda p.desc2 {font-family: Verdana, Arial, Helvetica, sans-serif; width: 131px; margin-bottom: 19px;}
div#tpl_home div#agenda h1 {margin-bottom: 15px;}
div#tpl_home div#agenda a.agenda {display: block; height: 75px; width: 135px; background-image: url(/images/btn_agenda.png); background-position: top; text-indent: -999em;}
div#tpl_home div#agenda a.agenda:hover {background-position: bottom;}


div#tpl_home div#contact
{
	float: left;
	min-height: 180px;
	width: 155px;
	border-right: 1px dotted #bbb;
	font-size: 9px;
	margin-left: 22px;
}
div#tpl_home div#contact p {margin-bottom: 7px; font-family: Verdana, Arial, Helvetica, sans-serif; width: 134px;}
div#tpl_home div#contact h1 {margin-bottom: 15px;}
div#tpl_home div#contact .submit {margin-right: 22px;}


div#tpl_home div#dlDoc
{
	float: left;
	min-height: 180px;
	width: 333px;
	border-right: 1px dotted #bbb;
	font-size: 9px;
	margin-left: 22px;	
}
div#tpl_home div#dlDoc h1 {margin-bottom: 15px;}
div#tpl_home div#dlDoc p.desc {margin-bottom: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; width: 311px; text-align: justify;}
div#tpl_home div#dlDoc div#docs {font-family: Verdana, Arial, Helvetica, sans-serif; width: 311px; text-align: center;}
/*div#tpl_home div#dlDoc a.doc {display: block; float: left; height: 26px; background: url(/images/ico_pdf.png) no-repeat top center; padding-top: 44px; margin: 0 8px 0 8px;}
div#tpl_home div#dlDoc a.doc:hover {background-color: #eee;}*/
div#tpl_home div#dlDoc a.doc {display: block; float: left; width: 87px; height: 26px; background: url(/images/ico_pdf.png) no-repeat top center; padding-top: 44px; margin: 0 8px 0 8px;}
div#tpl_home div#dlDoc a.doc:hover {background-color: #eee;}
div#tpl_home div#dlDoc a.doc:hover p {background-color: #eee;}
div#tpl_home div#dlDoc a.submit {margin-top: 11px; margin-right: 22px; float: none;}


div#tpl_home div#yenneMap
{
	float: left;
	/*height: 180px;*/
	width: 150px;
	font-size: 9px;
	margin-left: 22px;	
}
div#tpl_home div#yenneMap a.map {display: block; height: 164px; width: 162px; background-image: url(/images/btn_decouvrir_yenne.png); background-position: top; text-indent: -999em;}
div#tpl_home div#yenneMap a.map:hover {background-position: bottom;}
div#tpl_home div#yenneMap .submit {margin-right: 22px;}

div#tpl_home div#yenneMap a.panoramique {display: block; height: 61px; width: 158px; background-image: url(/images/panoramique_accueil.png); background-position: top; text-indent: -999em; margin-bottom: 15px;}
div#tpl_home div#yenneMap a.panoramique:hover {background-position: bottom;}
/* =============================================================================
/* =============================================================================*/





/* =============================================================================
									TPL_INTERNE
/* =============================================================================*/
div#tpl_interne .submit
{display: block; float: left; /*width: 83px;*/ padding: 2px 17px 2px 4px; background-color: #505050; background-image: url(/images/fleche_submit2.png); background-position: right; color: #fff; cursor: pointer; background-repeat: no-repeat; border: none; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; text-align: left;}

div#tpl_interne div#leftColumn 
{
	float: left;
	width: 720px;
}

div#tpl_interne div#actu {float: left; width: 690px;}
div#tpl_interne div#actu div#actuVisu {float: left; width: 182px;}
div#tpl_interne div#actu img {border: 2px solid #4c4c4c;}
div#tpl_interne div#actu div#actuDesc 
{float: left; margin-left: 10px;/* height: 330px;*/ width: 465px; overflow: hidden; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}
div#tpl_interne div#actu h1 {margin-bottom: 15px;}
div#tpl_interne div#actu h2 {font-size: 13px; font-weight: bold; margin-bottom: 10px;}
div#tpl_interne div#actu h3 {font-size: 8px; color: #787878;}
div#tpl_interne div#actu div#actuDesc p {margin-bottom: 8px;}
div#tpl_interne div#actu .submit {margin-top: 10px;}
div#tpl_interne div#actu div#scroll {float: left; margin-left: 12px; width: 7px; height: 330px; background: #d3d3d3;}
div#tpl_interne div#actu div#scrollSelect {float: left; width: 7px; height: 50px; background: #aec91f; cursor: pointer;}

div#tpl_interne div#telechargement
{float: left; margin-top: 30px; margin-left: 10px; width: 700px; font-size: 10px;}
div#tpl_interne div#telechargement h1 {font-size: 16px; margin-bottom: 15px;}
div#tpl_interne div#docs {margin-top: 10px; font-family: Verdana, Arial, Haqelvetica, sans-serif; width: 700px; text-align: center;}
div#tpl_interne a.doc {display: block; float: left; width: 120px; height: 26px; background: url(/images/ico_pdf.png) no-repeat top center; padding-top: 44px; margin: 0 8px 0 8px;}
div#tpl_interne a.doc:hover {background-color: #eee;}
div#tpl_interne a.doc:hover p {background-color: #eee;}
#tooltip
{
	position: absolute;
	border: 1px solid #333;
	background: #97b504;
	padding: 5px 6px;
	color: #473610;
	font-weight: bold;
	text-shadow: #fff 1px 1px 1px;
	display: none;
	-moz-opacity: 0.7; opacity: 0.7; filter:alpha(opacity=70);
}

div#tpl_interne div.actus
{
	float: left;
	margin-top: 18px;
	min-height: 45px;
	width: 690px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
div#tpl_interne div.actus img {float: left; border: 2px solid #4c4c4c; margin-right: 15px; margin-top: 4px;}
div#tpl_interne div.actus div.actuContent {float: left; width: 630px;}
div#tpl_interne div.actus h2
{background: url(/images/puce_h1.png) no-repeat; padding-left: 10px; font-size: 13px; font-style: italic; color: #97b504; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 4px;}
div#tpl_interne div.actus .date {font-size: 8px; color: #787878; font-style: normal; font-family: Verdana, Arial, Helvetica, sans-serif;}
div#tpl_interne div.actus a {text-decoration: underline;}
div#tpl_interne div.actus a:hover {text-decoration: none;}

div#tpl_interne div#rightColumn 
{
	float: left;
	width: 138px;
	border-left: 1px dotted #bbb;
	padding-left: 22px;
}
div#tpl_interne div#yenneInfos
{
	min-height: 180px;
	width: 140px;
	font-size: 9px;	
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #bbb;
}
div#tpl_interne div#yenneInfos p.desc1 {padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #d3d3d3; font-family: Verdana, Arial, Helvetica, sans-serif; width: 131px;}
div#tpl_interne div#yenneInfos p.desc2 {font-family: Verdana, Arial, Helvetica, sans-serif; width: 131px; margin-bottom: 4px;}
div#tpl_interne div#yenneInfos h1 {margin-bottom: 15px;}
div#tpl_interne div#yenneInfos a.abonner 
{display: block; height: 73px; width: 136px; background-image: url(/images/yenneinfos_btn.png); background-position: top; text-indent: -999em;}
div#tpl_interne div#yenneInfos a.abonner:hover {background-position: bottom;}


div#tpl_interne div#agenda
{
	min-height: 180px;
	width: 140px;
	font-size: 9px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #bbb;
}
div#tpl_interne div#agenda p.desc1 {padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #d3d3d3; font-family: Verdana, Arial, Helvetica, sans-serif; width: 131px;}
div#tpl_interne div#agenda p.desc2 {font-family: Verdana, Arial, Helvetica, sans-serif; width: 131px; margin-bottom: 4px;}
div#tpl_interne div#agenda h1 {margin-bottom: 15px;}
div#tpl_interne div#agenda a.agenda {display: block; height: 75px; width: 135px; background-image: url(/images/btn_agenda.png); background-position: top; text-indent: -999em;}
div#tpl_interne div#agenda a.agenda:hover {background-position: bottom;}


div#tpl_interne div#yenneMap
{
	float: left;
	width: 140px;
	font-size: 9px;
	margin-top: 7px;
}
div#tpl_interne div#yenneMap a.map 
{display: block; height: 59px; width: 136px; background-image: url(/images/btn_decouvrir_yenne2.png); background-position: top; text-indent: -999em;}
div#tpl_interne div#yenneMap a.map:hover {background-position: bottom;}
div#tpl_interne div#yenneMap .submit {margin-right: 22px;}

div#tpl_interne div#yenneMap a.panoramique {display: block; height: 67px; width: 131px; background-image: url(/images/panoramique_accueil2.png); background-position: top; text-indent: -999em; margin-bottom: 15px;}
div#tpl_interne div#yenneMap a.panoramique:hover {background-position: bottom;}
/* =============================================================================
/* =============================================================================*/




/* =============================================================================
									FOOTER
/* =============================================================================*/
div#footer
{
	width: 868px;
	clear: both;
	min-height: 25px;
	padding-top: 50px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
div#footer a:hover {text-decoration: underline;}
/* =============================================================================
/* =============================================================================*/