/**************************************************** 
											GENERAL
*****************************************************/
* 	{ margin: 0px; padding: 0px; font-family: Arial; }
IMG { border: none; }

A				{ text-decoration: underline; color: #000; }
A:hover	{ text-decoration: none; }

#container	{ width:953px; margin: auto; background: url(media/bg.gif) top left repeat-y; }

BR.left			{ clear:left }

.ariane		{ float: left; color: #999; font-size: 10px; padding-left: 20px; }
.ariane	A	{ color: #999; }

/**************************************************** 
										HEADER
*****************************************************/
#header	{ height: 90px; padding: 0 9px 0 9px; margin-bottom: 10px; }
#header IMG { float: left; }

/**************************************************** 
									LEFT COLUMN
*****************************************************/
#left			{ float: left; font-size: 10px; }	

.blocMaire			{ width: 180px; height: 74px; background: url(media/bg-maire.gif) top left no-repeat; padding: 29px 5px 0 5px; }
.blocMaire IMG	{ float: left; margin-right: 6px; }
.blocMaire A		{ color: #C69E02; }

.blocMairie 				{ width: 185px; height: 164px; background: url(media/bg-mairie.gif) top left no-repeat; margin-bottom: 7px; padding: 29px 0 0 5px; }
.blocMairie H1			{ font-size: 11px; margin-left: 5px; }
.blocMairie P.text	{ margin: 7px 0 7px 5px; }
.blocMairie P.link	{ padding: 3px 0 3px 4px; background: url(media/sep_01.gif) top left no-repeat; }
.blocMairie A				{ background: url(media/puce_01.gif) left 3px no-repeat; padding-left: 13px; text-decoration: none; }
.blocMairie A:hover	{ text-decoration: underline; }

.blocVivre 		{ width: 185px; height: 66px; background: url(media/bg-vivre.gif) top left no-repeat; margin-bottom: 7px; padding: 50px 0 0 5px; }
.blocVivre P	{ margin: 0 0 0 5px; }
.blocVivre IMG{ margin: 4px 0 0 5px; }

.blocDecouvrir 				{ width: 185px; height: 145px; background: url(media/bg-decouvrir.gif) top left no-repeat; padding: 44px 0 0 5px; }
.blocDecouvrir P.text	{ margin: 7px 0 7px 5px; }
.blocDecouvrir P.link	{ padding: 3px 0 3px 4px; background: url(media/sep_02.gif) top left no-repeat; }
.blocDecouvrir A			{ background: url(media/puce_02.gif) left 3px no-repeat; padding-left: 13px; text-decoration: none; }
.blocDecouvrir A:hover{ text-decoration: underline; }

.diaporama		{ width: 185px; margin: 14px 0 10px 5px; }
.diaporama P	{ margin-left: 15px; }
.diaporama A	{ color: #104F19; }

/**************************************************** 
									RIGHT COLUMN
*****************************************************/
#right		{ float: left; width: 165px; font-size: 10px; }

.blocSearch						{ width: 165px; height: 27px; background: url(media/bg-search.gif) top left no-repeat; padding-top: 30px; clear:left; }
.blocSearch INPUT			{ float: left; }
.blocSearch INPUT.txt	{ border: 1px solid #5E8031; height: 14px; width: 121px; margin: 0 2px 0 5px; color: #ccc; padding: 2px 3px 0 3px; font-size: 10px; }

.blocPlan		{ width: 155px; height: 42px; background: url(media/bg-plan.gif) top left no-repeat; padding: 35px 0 0 10px; }
.blocPlan P	{ background: url(media/puce_05.gif) top left no-repeat; padding-left: 25px; }
.blocPlan A	{ color: #5E8031; text-decoration: none; }
.blocPlan A:hover	{ text-decoration: underline; }

.blocUtile				{ width: 160px; background: url(media/bg-utile.gif) top left no-repeat; padding: 30px 0 0 5px; }
.blocUtile P			{ color: #5E8031; margin-bottom: 4px; }
.blocUtile P.link	{ margin-left: 5px; }
.blocUtile A			{ background: url(media/puce_03.gif) left 3px no-repeat; padding-left: 12px; text-decoration: none; color: #5E8031; text-transform:capitalize; }
.blocUtile A:hover{ text-decoration: underline; }

.blocAnnuaire			{ float: left; width: 160px; background: #C9E4A5 url(media/bg-annuaire.gif) top left no-repeat; padding: 30px 0 0 5px; }
.bloc_annuaire		{ float: left; width: 160px; margin-bottom: 7px; }
.bloc_annuaire IMG { float: left; width: 30px; height: 30px; border: 1px solid #5E8031; margin-right: 5px; }
.bloc_annuaire	P, .bloc_annuaire A		{ color: #5E8031; }
.blocAnnuaire .all				{ background: url(media/puce_03.gif) left 3px no-repeat; padding-left: 12px; text-decoration: none; color: #5E8031; }
.blocAnnuaire .all:hover	{ text-decoration: underline; }

/**************************************************** 
									ZONE de CONTENU
*****************************************************/
#contentHome	{ float: left; width: 560px; margin: 0 0 0 10px; font-size: 10px; }
#content			{ float: left; width: 540px; margin: 0 0 0 20px; font-size: 11px; padding-top:22px; font-family: Arial, Helvetica, sans-serif; }

#content H1					{ font-size: 16px; color:#049A99; text-transform:uppercase; margin-bottom: 15px; }
#content .header2		{ font-size: 12px; }	
#content P					{ margin-bottom: 10px; }

/****************** HOME ******************/
A.link_nextHome, A.link_voirTous, A.link_voirTousEven	{ color: #00ABBC; }
A.link_voirTous	{ padding-left: 12px; background: url(media/puce_04.gif) left 4px no-repeat; text-decoration: none; }	
A.link_voirTous:hover, A.link_voirTousEven:hover	{ text-decoration: underline; }

#contentHome P.home				{ border-bottom: 1px solid #00ABBC; margin-bottom: 10px; }
#contentHome SPAN.home		{ background: #00ABBC; padding: 1px 4px 1px 4px; color: #E5F7F9; }
#contentHome DIV.homeLeft	{ float: left; width: 260px; margin-right: 10px; }
#contentHome DIV.homeRight			{ float: left; width: 290px; height: 533px; background: #E5F7F9 url(media/tit_01.gif) top left no-repeat; padding-top: 37px; }

.bloc_aLaUne		{ float: left; width: 100%; margin-bottom: 20px; }
.pic_aLaUne			{ float: left; width: 101px; height: 97px; background: url(media/bg-photo_85-81.gif) top left no-repeat; margin-right: 10px; }
.pic_aLaUne IMG	{ margin: 8px 0 0 8px; width: 85px; height: 81px; }
P.date_aLaUne		{ color: #666; margin-top: 18px; }
H1.tit_aLaUne A	{ font-size: 14px; font-weight: bold; }

.bloc_infosMunicipales, .bloc_infosAssoc	{ margin-bottom: 35px; }
P.date_infosMunicipales, P.descr_infosMunicipales, P.date_infosAssoc, P.descr_infosAssoc	{ margin-left: 12px; }
P.descr_infosMunicipales, P.descr_infosAssoc	{ margin-bottom: 15px; }
H1.tit_infosMunicipales A, H1.tit_infosAssoc A { font-weight: bold; font-size: 11px; padding-left: 12px; background: url(media/puce_04.gif) left 4px no-repeat; }

.bloc_even	{ float: left; margin-bottom: 10px; }
.homeRight DIV.pic_even			{ float: left; width: 86px; height: 83px; background: url(media/bg-photo_72-69.gif) top right no-repeat; margin: 0 5px 0 0; padding-left: 10px; }
.homeRight DIV.pic_even IMG	{ margin: 7px 0 0 7px; width: 72px; height: 69px; }
DIV.descr_even	{ float: left; width: 184px; }
P.date_even	{ color: #B3B3B3; }
H1.tit_even A { font-weight: bold; font-size: 11px; }
A.link_voirTousEven { padding-left: 12px; background: url(media/puce_04.gif) left 4px no-repeat; text-decoration: none; margin-left: 14px; }

/****************** AUTRES ******************/
.menu_vivre	{ width: 250px; float: right; }

.content_top_even, .info	{ float: left; width: 100%; padding: 5px; background: #CDECEF url(media/bg_top_even.gif) top left repeat-x; }
.pic_even			{ float: left; width: 101px; height: 97px; background: url(media/bg-photo-even_85-81.gif) top left no-repeat; margin: 0 10px 5px 0; }
.pic_even IMG	{ margin: 8px 0 0 8px; width: 85px; height: 81px; }
.text_even		{ float: left; width:425px; }
.text_even .date, .info .date		{ color: #049A99; font-size: 10px; margin: 0px !important; }
.text_even H1, .info H3				{ text-transform: none !important; color: #000 !important; margin: 5px 0 5px 0 !important; }		
.info UL { margin-left: 50px; }
.text_even P.resume, .info P.resume	{ margin: 0px !important; }
.body	{ clear: left; }

H2.autres	{ float: left; width: 100%; font-size: 14px; color: #049A99; margin: 36px 0 5px 0; }
.content_list_even, .content_list_even_white, .other_infos		{ float: left; width: 100%; padding: 5px; margin-bottom: 10px; }
.content_list_even				{ background: #E5F7F9; }
.content_list_even H3, .content_list_even_white H3, .other_infos H3	{ float: left; font-size: 11px; margin: 0 0 0 10px; padding: 0px; }
.content_list_even P.resume, .content_list_even_white P.resume, .other_infos P.resume	{ clear: left; margin: 0px !important; }
.content_list_even .pic_even_list	{ float: left; width: 86px; height: 83px; background: url(media/bg-photo-white-even_72-69.gif) top right no-repeat; margin: 0 25px 0 0; }
.content_list_even_white .pic_even_list	{ float: left; width: 86px; height: 83px; background: url(media/bg-photo-white_72-69.gif) top right no-repeat; margin: 0 25px 0 0; }
.pic_even_list IMG		{ margin: 7px 0 0 7px; width: 72px; height: 69px; }
.other_date						{ color: #049A99; float: left; }

/****************** ANNUAIRE ******************/
.annuaire			{ float: left; width: 100%; padding: 5px; margin-bottom:10px; }
.annuaire IMG	{ float: left; width: 40px; height: 40px; border: 1px solid #5E8031; margin-right: 5px; }

/****************** CONTACT ******************/
#formContact LABEL { float:left; width:150px; text-transform:uppercase; font-weight:bold; margin-bottom:10px; }
#formContact INPUT, SELECT, TEXTAREA { border: 1px solid #049A99; margin-bottom:10px; font-size:11px; color:#000; color:#666; width:200px; }
#formContact TEXTAREA { font-family:Arial, Helvetica, sans-serif; overflow:auto; height:100px; width: 300px; }
#formContact INPUT.button { width: 100px; color:#000; margin-left: 352px; }

/****************** RECHERCHE ******************/
.pages		{ float: left; width: 100%; margin: 10px 0 10px 0; }
.nbpages	{ float: left; color: #049A99; }
.active 	{ padding: 2px 3px 2px 3px; background: #049A99; color: #fff; }
.nonactive				{ padding: 2px 3px 2px 3px; background: #999; color: #fff; text-decoration: none; }
.nonactive:hover	{ text-decoration: underline; }
.linksearch	{ margin: 0px !important; background: url(/media/puce_06.gif) left 4px no-repeat; padding-left: 8px; }

/**************************************************** 
									   FOOTER
*****************************************************/
#footer		{ width: 939px; background: #fff url(media/bg-footer.gif) top left no-repeat; clear: left; font-size: 11px; padding: 18px 0 30px 14px; color: #999; }
#footer A				{ text-decoration: none; color: #999; font-size: 11px; }
#footer A:hover	{ text-decoration: underline; }