body 					{width:705px; margin-left:auto; margin-right:auto; background:#336600 url('../images/fond_ete.jpg') no-repeat fixed top;  font-family:Arial, Helvetica, sans-serif;}
.conteneur 				{width:705px; background-color:#FFF; border:1px solid #AAA;  }
.contenu 				{}
.chapeau 				{color:#888; font-size:12px; margin-bottom:7px; }
.chapeau 	table tr td.date {vertical-align:top; padding-top:10px;  padding-right:10px; }
.chapeau table			{color:#888; font-size:13px; padding-left:5px;}

/* menu du haut */
.menu	 				{background-color:#336600;color:#FFF; height:44px; position:relative; margin-bottom:5px; margin-top:10px; font-size:13px; padding-left:0px;  }
.menu	img				{border:0px; margin-bottom:0px}
.gris					{background:url('../images/logonoir.png') no-repeat right;   top:1px; left:0px; padding:0px; position:relative; width:799px; height:20px;}
.menu td a				{color:#fff; text-decoration:none; padding:0px; margin:0px }
.menu td 				{color:#fff; text-decoration:none; padding:0px; margin:0px }
.menu tr 				{color:#fff; text-decoration:none; padding:0px; margin:0px }
.menu table				{margin-left:40px }
.menu .pipe_1 			{color:#fff; font_weight:bold; }
.menu .menu_lien 		{padding-top:1px; }

.degrade				{width:705px; height:25px; margin-top:5px; background:url('../images/degrade.png'); }

/* menu gauche */
.menu_gauche 			{width:171px; font-size:13px;  float:left; }
.menu_gauche	ul		{list-style-type:none;  padding:0px;  margin:0px;}
.menu_gauche	li		{min-height:20px;  padding-left:5px }
.menu_gauche	ul li .sous_cat		{margin-left:20px; font-size:11px;}
.menu_gauche	li a	{ text-decoration:none; color:#000; }
.menu_gauche	.bouton	{  background-color:#336600; }
.menu_gauche	hr		{ border:0px solid #BBB; border-top:1px solid #BBB; margin-left:10px; margin-right:10px; }
.texte_page	hr		{ border:0px solid #BBB; border-top:1px solid #BBB; margin-left:10px; margin-right:10px; }

/* page */
.page					{width:530px; padding-left:0px;min-height:550px; float:right; border-left:1px solid #C8C8C8	}
.grand_titre			{padding-left:0px;margin:0px; font-size:16px;  color:#336600; display:block; clear:both;  	}
.grand_titre .texte_titre {color:#336600; font-size:24px; padding-left:12px; padding-bottom:12px; padding-top:5px; border-bottom:1px dashed #C8C8C8; }
.texte_page 			{text-align:justify;  padding:20px 25px 20px 25px; margin-left:0px; font-size:12px; }
.texte_page .titre_info {text-indent: 20px; text-decoration:underline; color:#336600; font-size:14px;}
.texte_page .info		{padding-bottom:10px; }
.texte_page .chapeau 	{font-weight:bold;  color:#336600; font-size:14px;}
.texte_page .important	{font-size:16px; }
.texte_page td			{font-size:12px; }
.texte_page th			{font-size:12px; color:#336600; line-height:25px; }
.texte_page .com td		{font-size:11px; }



.texte_page .cat 		{font-size:18px; font-weight:bold; padding-top:5px; color:#336600;   border-left:0px solid #336600;}
.texte_page .sous_cat 	{text-indent:6px; font-size:16px; padding:2px; background-color:#EEE; border:0px  solid #CCC; margin-bottom:10px; margin-top:10px; color:#000; }
.texte_page .contenu_cat  {   padding-left:20px;  padding-top:10px;  padding-bottom:10px; border-left:0px solid #336600 }
.texte_page .contenu_sous_cat  {   padding-left:10px;  padding-right:10px; }
.texte_page .sous_sous_cat 	{text-indent:40px; font-size:14px;   border-left:0px  solid #888; border-right:0px  solid #888;   color:#000; background-color:#FFC; margin-top:15px }
.texte_page .gras		{font-weight:bold; color:#336600; }
.texte_page b			{font-weight:bold; color:#336600; }


/*mot du maire */
.texte_page .maire b	{font-size:16px;font-weight:bold; color:#336600; }

/*histoire */
.texte_page .histoire b	{font-weight:bold; color:#336600; }

.page  					{font-size:11px; }
.page  	.suite			{font-size:11px;  font-weight:bold; color:#336600; }
.page   .actu_first		{font-size:11px; }
.page   .actu		   	{font-size:11px; border-top:1px solid #BBB; margin-top:15px; padding-top:15px; }
.page  	.titre_actu		{text-align:left;font-size:17px; line-height:18px; font-weight:bold;margin:3px; margin-left:0px; }
.page  	.actu	a		{text-decoration:none; color:#000 }
.page  	.actu_first	a	{text-decoration:none; color:#000 }
.page   .actu	.suite	{font-size:11px;  display:block;   margin-top:10px; font-weight:bold; color:#336600; }
.page   .actu_first	.suite	{font-size:11px; display:block;    margin-top:6px;  font-weight:bold; color:#336600; }
.page  	.message		{font-size:12px; }
.page  	.texte_actu		{font-size:12px; padding-top:3px;  }
.page   .actu_first .photo	{ float:left; margin-top:4px  }
.page   .auteur			{ font-size:13px;}
.page   .photo	{  float:left; margin-top:4px; padding:5px; margin-right:10px; margin-bottom:5px; border:1px solid #888; text-align:center;   }
.page   .actu_first .photo	img {margin-right:5px;margin-bottom:5px; }
.page   .actu .photo	img {margin-right:5px;margin-bottom:5px; }



.page   .bloc_actu			 {  clear:left; }
.page   .bloc_actu	.boite	 {width:220px;   float:left;  float:left;font-size:11px;   border:1px solid #CCC;   margin:20px 10px 20px  0px;}
.page   .bloc_actu	.titre	 {width:100%; height:19px; padding-top:3px; text-align:center; background-color:#336600;font-weight:bold; color:#FFF }
.page   .bloc_actu	ul		 {padding-left:10px;padding-right:10px; list-style-type:none; }
.page   .bloc_actu	li a	 { text-decoration:none; color:#000; }
.page   .bloc_actu	li a:hover	 { text-decoration:none; color:#888; }



/* agenda */
.page  .agenda_mois		{font-size: 18px; margin:7px; font-weight:bold; color:#336600}
.page  .agenda_event	{font-size:11px; margin-top:2px;   font-weight:none; margin-bottom:3px;   padding:3px ; }
.page  .date_event		{font-size:11px; }
.page  .agenda_event .titre	{ font-weight:normal; font-size:15px; }
.page  .agenda_event .info	{ font-weight:normal;font-size:12px; margin-top:7px;  }
.page  .agenda_event table tr td	{ font-size:11px; padding-left:0px; }
.page  .agenda_event table tr td .agenda_orga	{ font-size:13px; }
.page  .agenda_event .photo	{ float:left; margin-top:4px; padding:5px; margin-right:10px; margin-bottom:5px; border:1px solid #888; text-align:center;   }
.page  .agenda_event .photo	img { }


/* phototheque */
.page .album	table	tr td	{text-align:center; }
.page .miniature		{text-align:right; border:1px solid #888; width:150px; margin-top:5px; }
.page .miniature a img	{ float:right; background:#FFF; display:none; }
.page .miniature a:hover img	{ float:right; background:#FFF; display:block; }
.page .miniature a		{text-align:right;  }
		
/*musee */
.page #agenda_musee				 {width:100%; border:1px solid #336600; margin-top:10px;  }
.page #agenda_musee #titre_musee {width:100%; font-weight:bold; background-color:#DDD; text-align:center; padding-bottom:3px; padding-top:3px }
.page a.cheval	 				 { cursor:default;}
.page a 	  .mascotte			 {background:url('../images/mascotte.png'); width:160px; height:214px; text-align:center; cursor:default;}
.page a:hover .mascotte			 {background:url('../images/mascotte2.png');  }

/* document */

.page .un_doc					{padding:5px; margin-bottom:10px; border:1px solid #AAA}
.page .un_doc .titre_doc		{font-weight:bold; font-size:14px;}
.page .un_doc .haut				{border:0px; margin-top:5px; text-indent:0px;}
.page .un_doc .doc	img			{border:0px; margin-top:5px;}
.page .un_doc .doc	a			{margin-left:25px;border:0px; font-size:12px; text-decoration:none; font-weight:bold;  color:#000; }
.page .un_doc .doc	a:hover 	{  color:#888; }

.spacer						{clear:both; line-height:0px; padding:0px; margin:0px;}

.texte_page .service		 {padding-bottom:0px;   margin-top:5px; font-size:12px; border:1px solid #888; border-top:0px solid #888; border-bottom:1px solid #888; margin-bottom:0px; background:url('../images/inv_hachure.png'); }
.texte_page .texte_service	 {padding-left:10px;padding-top:5px; padding-bottom:10px; border-bottom:0px  solid #888;}
.texte_page .logo_service	 {float:right; margin:5px;}
.texte_page a .titre_service {padding-left:10px; padding-top:2px;  border-top:1px solid #888;  color:#000; min-height:15px; background-color:#FFF; background-repeat:repeat-x; background-repeat:repeat-x; }

/*onglet */
.onglet					{display:block;  height:36px; margin-top:20px; border-bottom:1px solid #C8C8C8; font-weight:bold; font-size:18px;}
.onglet	a				{text-decoration:none; color:#000; }
.onglet	a .categorie	{text-decoration:none; background:url('../images/onglet_fond.png')top right;  color:#FFF;}
.onglet	a:hover	.categorie	{text-decoration:none; background:#CADA2C;  color:#000;}
.categorie				{text-decoration:none;   width:195px; margin-left:12px; padding-top:8px; height:27px; text-align:center; border:1px solid #C8C8C8; float:left; display:block; }	
.categorieactive		{text-decoration:none; background-color:#CADA2C; color:#000; margin-left:12px;  padding-top:8px; width:195px; height:27px; text-align:center; border:1px solid #C8C8C8;border-bottom:1px solid #FFF; float:left; display:block; }	
.onglet .categorieactive {text-decoration:none; color:#000; }	
.onglet	.categorie		{text-decoration:none; color:#000; }	

/* login */
.form_ident				{ border:1px solid #C42126; padding:10px; width:450px; margin-left:auto;  margin-right:auto; }
.texte_accueil			{ border:1px solid #C8C8C8; border-left:0px solid #C8C8C8; margin-bottom:25px; text-align:center; margin-left:0px;  }

.pied 					{ clear:both; text-align:center; vertical-align:top; color:#888; font-size:13px; border-top:1px solid #C8C8C8; padding-bottom:5px; padding-top:5px; }
.pied 	table			{ margin-left:150px; margin-right:auto; text-align:center;  width:400px;}
.pied 	td				{  text-align:center; vertical-align:top; color:#888; font-size:13px; vertical-align:middle; }
.pied 	td	a			{ color:#888;  }
.pied 	img				{  text-align:center; vertical-align:middle;  }