@charset "UTF-8";
/* STYLES RECURENTS */
	*									{ margin:0; padding:0; }
	html, body							{ margin:0; padding:0; font-size:11px; }
	body								{ background:#e3e0cd; text-align:center; }
	a									{ color:#554f01; text-decoration:underline; }
	a:hover								{ }
	a img								{ border:none;}
	p, ul								{ margin:0 0 13px 0; padding:0; }
	#template ul						{ list-style:inside;}
	#template ol						{ list-style-position:inside; margin-left:13px;}
	fieldset							{ border:none; }
	label								{ display:block; float:left; width:160px; font-weight:bold; color:#000; }
	dfn									{ display:block;}
	blockquote p						{font-style:italic;font-family:Verdana, Arial, Helvetica, sans-serif;color:#666; font-size:14px; text-align:right; padding:0 12px 0 25px;}
	address								{font-style:normal; font-size:9px; color:#000; margin-bottom:15px;color:#333;}
	
	input,select,textarea				{ border:1px solid #8c99a2;width:100%;margin-bottom:14px;}
	label								{ clear:both; float:none; }
	.submit								{ width:70px; }
	textarea:hover,
	select:hover,
	input:hover							{ border-color:#cf1312; }

/* FONTS */
	body								{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; }
	b, strong							{ color:#000;}
	.chapo, h1, h2, h3					{ font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#000; }
	h1									{ font-size:22px; margin:0 35px 18px 15px; position:relative; font-weight:normal;}
	h2									{ background:url('../img/img_h2.gif') no-repeat;padding:10px 0 10px 30px; font-size:14px; margin-bottom:0; }
	h3									{ font-size:13px; margin-bottom:5px; font-weight:normal; margin-left:15px; color:#bf1414;}
	h3 span								{ color:#666;}
	.chapo								{ background:#efefe5 url('../img/angle_haut.gif') no-repeat; padding:19px 0 0 19px; color:#bf1414; margin:0 15px 22px 15px; position:relative; line-height:17px; }
	.chapo p							{ background:#efefe5 url('../img/angle_bas.gif') no-repeat bottom right; padding:0 19px 19px 0;}
	
	.masque                   			{ filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3; }
	
/* POSITIONNEMENT */
	#img_haut							{ background:url('../img/header_loop_xl.jpg') repeat-x; position:absolute; left:50%; width:50%; height:253px; }
	#conteneur							{ width:1050px; margin:0 auto; position:relative; background:url('../img/fond_conteneur.jpg') repeat-y; }
	#header								{ height:255px; background:url('../img/header.jpg') no-repeat; position:relative; margin-bottom:20px; }
	#chemin_de_fer						{ position:absolute; top:212px; padding-left:68px;background: url('../img/ficelle.jpg') no-repeat top left; left:-48px; height:220px; }
	#chemin_de_fer p					{ margin:20px 0 0 50px;}
	#conteneur2							{ width:1010px; margin:0 20px; text-align:left; }
	#template							{ width:826px; float:left; padding:0 0 30px 0; position:relative; }
	#colonne							{ width:184px; float:right; }
	#footer								{ height:49px; text-align:center; position:relative;margin-bottom:0;font-size:11px;}
	#navigation							{ position:absolute; left:320px; top:12px; z-index:999; font-size:12px; width:600px;}
	#img_bas							{ background:url('../img/fond-body2.gif') repeat-x;left:0; width:40%; height:49px; z-index:0; position:absolute; }
	#logo								{ display:block; width:340px; height:220px; position:absolute; left:0; top:0; }
	
	.left									{ float:left; margin:0 10px 10px 0; }
	.right									{ float:right; margin:0 0 10px10px ; }

#colonne h1					{ background:url('../img/haut-bulles.jpg') no-repeat; height:auto; padding:15px 10px 8px 12px; font-size:12px; color:#FFF; margin:0; font-weight:bold; }
#colonne ul					{ background:#61771e url('../img/bas-bulles.jpg') no-repeat; background-position:bottom; margin:0 0 24px 0; padding:0 0 7px 12px; list-style-type:none; }
#colonne li					{ background:#61771e; padding:0 0 5px 0; margin:0; color:#86a429;}
#colonne a					{ color:#c2ce5c; display:block; text-decoration:none; }
#colonne a:hover			{ color:#FFF; text-decoration:underline; }

#gauche						{ position:relative; z-index:16; }
h1							{ position:relative; z-index:15; }
.chapo						{ position:relative; z-index:14; }
#article_1					{ position:relative; z-index:13; }
#article_2					{ position:relative; z-index:12; }
#article_3					{ position:relative; z-index:11; }
#colonne					{ position:relative; z-index:10; }
.article					{ position:relative; }

.cale						{ width:100%; height:0x; clear:both; float:none;}
.pointilles,.suite			{ color:#cf1314; font-weight:bold; }
.encadre					{ display:block; background-color:#edf2dc; padding:15px; }

#chemin_de_fer span			{ padding:4px; display:block; float:left; }
#chemin_de_fer .situation	{ background:none; }

#gauche						{ padding:115px 0 0 0; width:235px; float:left; }
	#gauche img				{ margin:0 0 18px 0; max-width:220px; }
	/*#gauche h2				{ padding:0 0 12px 0; color:#333; }*/
	#gauche .article		{ margin-left:18px; }
	
.encart						{ margin-left:7px; background:url('../img/encart_haut.jpg') no-repeat top left; padding:20px 0 0 0;}
#gauche .encart .article	{ background:url('../img/encart_bas.jpg') no-repeat bottom left; min-height:143px;height:auto !important;height:143px; margin:0;padding:4px 27px 35px 20px;}
#gauche .encart .fond_encart{ background:#FFF url('../img/encart_fond.jpg') repeat-y;}
.encart h2					{background:url('../img/img_h2.jpg') no-repeat;}

#droite						{ width:558px; float:right; margin:0;padding:0 15px; }
	#droite .article p		{ margin:0 12px 15px 15px; }
	#droite .article ul		{ margin:0 12px 15px 15px; }
	#droite address			{ margin-left:15px; }

.colonne1					{ width:275px; float:left; }
.colonne2					{ width:275px; float:right; }
.article img				{ max-width:100%; }
.encart #article_3 img		{ max-width:180px; }

#detail						{ width:216px;background: url('../img/detail_haut.jpg') no-repeat; padding:0; margin-right:30px;}
#detail .article			{ background: url('../img/detail_bas2.jpg') no-repeat bottom left; padding:52px 0 53px 0 ; margin:0; }
#detail h2					{ color:#cf1312; padding:0 15px 14px; margin:0; }
#detail h3					{ padding:0 15px; }
#detail h2,
#detail h3,
#detail .article p,
#detail .article ul			{ background:#eeefe7; height:auto; clear:both; float:none; margin:0 10px 0 9px;}
#detail .article p,
#detail .article ul			{ background:#eeefe7; padding:15px;}

/*#detail			{ background:url('../img/titre_detail_agenda.jpg') no-repeat; color:#333; width:186px; float:right; margin:0; padding-top:38px; }
#detail .article{ background:#efefef url('../img/agenda_detail_bas.gif') no-repeat bottom right; color:#000; margin:0 0 0 1px; padding:0 0 40px 8px; }
#detail h1		{ background:#e7db25; border-right:2px solid #000; margin:0 0 8px 0; font-size:14px; color:#000; }
#detail p		{ margin:0; padding:0; }*/

#header form				{ position:absolute; height:22px; bottom:29px; width:280px; right:105px; z-index:899; text-align:left; }
#chp_recherche				{ border:1px solid #5ab532; margin-right:14px; width:165px; float:left; }
#btn_recherche				{ background:url('../img/btn-rechercher.gif') no-repeat; width:82px; height:17px; border:none; cursor:pointer; float:left; }

#footer div.content					{ background:url('../img/fond_footer.gif') no-repeat; height:49px; width:1046px; margin:0 auto; display:block; text-align:left; position:relative; z-index:1; padding:18px 54px 0 54px;; }
html>body #footer div.content			{ width:938px; }



/* HOME */

#home #gauche				{ background:url('../img/a_la_une.jpg') no-repeat top left;}
	#home #gauche .article	{ margin-left:7px; background:#ebe887 url('../img/fond_postit.jpg') repeat-y; padding:0 20px 0 25px; color:#333; font-family:Georgia, "Times New Roman", Times, serif; }
	#home #gauche .cale		{ height:50px; background:url('../img/bas_postit.jpg') repeat-y; margin-left:7px;}
	#home #gauche h2		{ background:none; padding:0 30px 10px 0;}
	#home #gauche p			{ padding:0; margin:0;}
	#home #gauche ul		{ padding:0; margin:0; list-style:inside;}
	#home #h_postit			{ margin-left:7px; background:url('../img/haut_postit.jpg') no-repeat top left; height:76px; width:223px;}
	

#home #droite				{}
	#home #droite img		{ margin-right:16px;}
	#home #droite p			{ margin:0; display:block; color:#666;}

#home #news					{ position:relative; clear:both; margin-left:30px; padding:0; }

#home .bulle				{ border-bottom:2px solid #000; width:300px; margin:0 0 37px 0; padding-bottom:0;float:left;}
#home .bulle .photo			{ float:left; margin:0; padding:0 0 10px 0; width:110px; }
#home .bulle p				{ padding-bottom:12px; }

#home #droite .agenda		{ background:url('../img/fond_agenda.jpg') no-repeat top right; border:none; padding:100px 0 0 20px;  float:right;width:190px; height:330px; position:relative; }
#home #droite .agenda .date	{ padding-bottom:8px; margin-bottom:16px;margin-right:20px; }
#home #droite .agenda .date b{ display:block; }
#home #droite .agenda #titre	{ position:absolute; top:0; left:0; height:90px; width:100%; }
#home #droite .agenda #titre span{ display:none; }

#home #numero1				{ background:#e0e6ba url('../img/fond1.jpg') repeat-y; border:none; width:540px; position:relative; padding:0 10px;}
#home #numero1 h1			{ background:url('../img/angle_haut.jpg') no-repeat top left;font-size:18px; font-family:Arial, Helvetica, sans-serif; margin:0 0 14px 0; padding-top:10px; padding-left:20px; }
#home #numero1 p			{ color:#000; font-size:12px; margin-right:20px; padding-left:20px; padding-bottom:0; }
#home #numero1 .cale		{ background:url('../img/angle_bas.jpg') no-repeat bottom right;height:10px;}


.rubrique1 #gauche	{ background:url('../img/rub1.jpg') no-repeat top left;}
.rubrique2 #gauche	{ background:url('../img/rub2.jpg') no-repeat top left;}
.rubrique3 #gauche	{ background:url('../img/rub3.jpg') no-repeat top left;}
.rubrique5 #gauche	{ background:url('../img/rub5.jpg') no-repeat top left;}


/* MODELE 1 */

/* MODELE 2 */

/*#modele2 #gauche			{ background:#CCC;}
#modele2 #droite			{ background:#DDD;}
*/
#modele2 #gauche .article,
#modele5 #gauche .article{ color:#666; }

/* MODELE 3 */
#modele3 .colonne1,
#modele6 .colonne1		{width:328px;}
#modele3 .colonne2,
#modele6 .colonne2		{ width:228px;}
#modele3 #gauche p img,
#modele6 #gauche p img	{width:194px; }

/* LISTE ET DETAIL */
/*#liste_et_detail .etiquette	{ width:290px; float:left; }*/

.etiquette			{ color:#333; display:block; border-bottom:2px solid #000; padding:8px 8px 8px 0; background:url('../img/trait_noir.jpg') no-repeat bottom right; margin:0 0 16px 15px; text-decoration:none; }
.etiquette a		{ display:inline; margin:0; padding:0; }
.etiquette b:hover	{ color:#cf1312; }
.etiquette:hover,
.selected			{ border-bottom-color:#cf1312;background-image:url('../img/trait_rouge.jpg'); /*color:#cf1312;*/}
.selected b			{ color:#cf1312;}
.etiquette p		{ margin-bottom:0;}

/* AGENDA */
#agenda #haut				{ margin:0;background:url('../img/agenda.jpg') no-repeat top left; }
#agenda #template #gauche	{ }
#agenda .colonne1			{ width:210px; float:left;padding-left:90px; }
#agenda .colonne2			{ width:210px; float:left;margin-left:40px;}
#agenda #detail				{ float:right; }
#agenda #listeMois li a.selected			{ background:none; color:#cf1312; }
/*#agenda #detail p			{ margin:0 15px; }*/
#agenda h1.titre			{ margin-left:260px; width:auto; }
#agenda h3					{ padding-left:0; }
#agenda #template #droite	{ width:550px; }
	#agenda #gauche .article{ margin-left:7px; background:url('../img/postit.jpg') no-repeat; padding:46px 20px 40px 25px; color:#333; height:315px;font-family:Georgia, "Times New Roman", Times, serif; }
	#agenda #gauche h2		{ background:none; padding:0 30px 10px 0;}
#agenda #listeMois			{ background:url('../img/liste_mois.jpg') no-repeat; height:50px; width:550px; margin-left:260px; padding-left:8px; }
#agenda #listeMois li		{ list-style:none; width:auto; float:left; padding:5px; margin:8px 3px 0 0; }
#agenda #listeMois li a		{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#000; font-size:12px; text-decoration:none; font-weight:bold; }


/* CONTACT */
#contact .colonne1			{ width:305px; }
#contact .colonne2			{ width:245px; }
#contact .colonne2 img		{ width:205px; }
#contact fieldset			{ margin-right:20px; }
/* RECHERCHER */
#moteur_recherche #template li	{ margin:0 0 25px 0; list-style:none; }
#moteur_recherche #template li a{ display:block; background:#efefef; font-weight:bold; }
.surligne					{ background:#e7db25; font-weight:bold; }

/* ANNUAIRE */
#annuaire_par_activite #detail			{ margin-right:30px;}
#annuaire_par_activite #recherche_activite{ clear:both; float:none; margin-bottom:20px; }
#annuaire_par_activite select			{ width:95%; margin-left:15px; }
#annuaire_par_activite #alphabet		{ list-style:none; clear:both;margin:0 0 20px 10px; height:35px;padding:0;}
#annuaire_par_activite #alphabet li		{ width:auto; float:left; margin:0 4px; }
#annuaire_par_activite #alphabet li a	{ color:#666; font-size:13px;}


/* ELUS */
#elus .chapo				{/*width:290px; float:right;*/ margin-left:0;}
#elus #maire				{height:120px;width:200px;float:left; margin-left:15px;}
#elus #maire img			{float:left;margin-right:10px;width:80px;}
#elus #maire h2				{padding-left:0;padding-top:0;margin:0;padding:0;background:none;}

#elus .elu					{width:80px;margin-right:5px;float:left;height:170px;}
#elus .elu img				{width:80px;}

#elus #photosElus .etiquette h2,
#elus #photos .elu h2		{background:#FFF;padding-left:0;padding-top:4px;clear:both;}
#elus #photos				{clear:both;}
#elus address				{padding:0; margin:0;}
#elus h3					{padding:0; color:#000; font-size:12px; margin:0;}

#elus #listeParChoix		{margin-left:10px;}
#elus #listeParChoix form	{width:190px;clear:both;}
#elus #listeParChoix h1		{padding:0;margin:10px 0 0 0;}
#elus #listeParChoix h2		{background:none;padding:0;margin-bottom:10px;}
#elus #listeParChoix select	{width:190px;margin-bottom:20px;border:1px solid #666;}

/* PLAN SITE */
#planSite ul ul				{ margin-left:30px; margin-bottom:0;}

/* DIAPORAMAS */
#diaporamas dl				{ margin-bottom:0;}
.click						{ margin-bottom:0; cursor:pointer;}