/* initialisation des marges */
*{margin: 0; padding: 0;}

/* body */
body {background: #FFF url(../images/degrade.jpg) repeat-x; font-family: Arial, verdana, sans-serif; font-size: 11px; color: #555; text-align: center;}

/* header */
#header {margin: 0 auto; margin-top: 30px; background: url(../images/fond.jpg) repeat-y; width: 1030px; height: 146px;}
#header h1 {text-indent: -9999px; background: url(../images/header.jpg) no-repeat; height: 117px; width: 1024px;}

/* menu */
#menu {background: url(../images/menu.jpg) repeat-x; width: 1014px; height: 20px; padding: 5px;}
#menu a {color: #FFF; text-decoration: none; font-size: 1.2em;}
.onglet_menu {height: 30px; display: inline; border-right: 1px solid #006634; border-left: 1px solid #9BFFCB; padding: 7px 25px; margin-left: -3px;}
#first {border-left: none;}
#last {border-right: none;}

/* contenu accueil*/
#contenu {margin: 0 auto; background: url(../images/fond.jpg) repeat-y; width: 990px; min-height: 550px; text-align: left; padding: 20px;}
h2 {color:#FFF; font-weight: normal; padding: 2px 10px;}
h2.rouge {background-color: #CA3200; width: 80%;}
h2.vert {background-color: #019934;}
h3 {color: #019934;}
h4 {color: #CA3200; text-decoration: underline; font-size: 1.5em; font-weight: normal;}
img, iframe {border: 2px solid #C0C0C0;}
a {text-decoration: none; font-weight: bold; color: #CA3200;}
a:hover {color: #019934;}
	/* gauche */
	.gauche {text-align: justify;	float: left; width: 420px; height:450px; border-right: 1px solid #C0C0C0;}
	.gauche p {margin : 5px 0; width: 380px;}
		/* lottisement */
		#lotissement a {color: #CA3200; font-weight: bold; margin-left: 330px;}
		#lotissement h2 {width: 320px;}
		/* agenda */
		#agenda {margin-top: 20px;}
		#agenda h2 {width: 320px;}
	/* centre page */
	.centre_page {float: left;	margin-left: 10px; width: 385px;}
		/* mot maire */	
		#mot_maire { height: 425px; text-align: justify;}
		#mot_maire p { margin-top: 2px;}
		#mot_maire img {margin: 5px;}
		#mot_maire h2, #actu h2 {width: 95%;}
		/* actualités */
		#actu img, #agenda img {margin-right: 5px;}
		.fond_article {height: 50px; margin-top: 8px;}
		.savoirplus {color: #CA3200; font-weight: bold; margin-left: 225px;}
		.date {color: #CA3200;}
	/* droite */
	.droite {width: 145px;	margin-left: 845px; margin-top: 40px;}
		/* meteo */
		#meteo {margin: 20px;}
		#meteo img {border: none;}
		/* votre mairie */
		#votre_mairie h3 {margin-top: 20px; font-size: 1.3em;}

/* infos légales */		
#i_legales {background-color: #CA3200; width: 375px; margin-left: 20px;}
.infos_legales {margin-left: 20px; width: 950px;}
.w3c {margin-left: 20px;}

/* contact */
#table_contact {margin: 15px;}
#table_contact li {list-style-type: none;}
#contact_form { margin: 20px;}
#contact_form table th {height: 25px;}
#vue_aerienne, #pont_nb {margin-left: 30px; margin-top: 80px;}
#vue_aerienne {border: none;}

/* plan site */
li.plan_site {color: #019934; font-size: 1.3em; font-weight: bold; margin-left: 80px; margin-top: 20px; }
p.plan_site {margin-left: 70px;}
#lien_accueil {margin-left: 60px; margin-top: 20px;}

/* plan accès */
#gauche_acces {width: 610px; height: 520px;}
#centre_acces {width: 280px; margin: 30px;}
#centre_acces h3 {margin-top: 30px;}
#centre_acces img {margin-top: 50px;}
iframe {margin-top: 20px;}

/* lotissement */
.plan_lotiss {float: left; margin: 3px;}
#centre_lotiss {width: 550px; margin-left: 445px;}

/*actualités */
#titre_actu, #titre_actu2 {margin-left: 20px;}
#archives h4, #aide_fluxRSS h4, #titre_articles, #article h4, #derniers_liens h4{color: #019934; margin-bottom: 10px; margin-top: 30px; margin-left: 20px;}
#derniers_articles{background-color: #FAB6B9; margin-left: 20px;}
#derniers_articles td, #derniers_articles th{border: 1px solid #555; padding: 10px;}
#article img {margin: 0 20px 20px; border: 2px solid #555;}
#aide_fluxRSS p, #archives p {margin-left: 20px;}
#img_passerelle {margin-right: 70px; margin-top: 40px;}
#imprimer {width: 700px;}
#derniers_liens {margin-left: 100px;}
#imprimer img{border: none;}

/* agenda */
#titre_evt, #derniers_evt {margin-left: 180px;}
#derniers_evt {border-collapse: collapse;}
#titre_evt {color: #019934;}
#derniers_evt td, #derniers_evt th {width: 230px; padding: 10px; text-align: center;}
#derniers_evt td { border: 1px dashed #999; background-color: #FFECF2;}
#derniers_evt th {border: 1px solid #999; background-color: #E8FFD9;}
#derniers_evt h3 {color: #CA3200;}

/* vie municipale */
#img_conseil {margin-top: 5px;}
#fct_municipales p {margin-top: 5px;}
#fct_municipales h3 {font-size: 1.1em; margin-top: 5px;}
#fct_municipales h4 {margin-top: 20px;}
#cm1, #cm2, #cm3, #cm4, #cm5, #cm6, #cm7, #cm8, #cm9, #cm10, #cm11, #cm12, #cm13, #cm14, #cm15, #consignes {height: 290px; display: none;}
#consignes {display: block;}

/* Vie associative */
#vie_associative {width: 520px; margin-left: 455px;}
#vie_associative table {border: 1px solid #019934;}
#vie_associative td {border: 1px dotted #019934; padding: 2px;}

/* patrimoine */
.photos_gauche {margin-left: 30px; margin-bottom: 10px;}
.photos_droite {margin-right: 50px; margin-bottom: 10px;}
#infos {width: 105px; margin-left: 215px; margin-top: -90px}
#infos p {width: 120px;}
#centre_patrimoine {width: 550px; height: 460px; margin-left: 445px}
#pdf_sentiers {margin-right: 20px; text-align: right;}
#p1, #p2, #p4, #p5, #p6, #p7 {display: none;}

/* infos pratiques */
#gauche_infos {width: 450px;}
#centre_infos {width: 500px; margin-left: 490px;}
#infos_pratiques1, #infos_pratiques2 {border: 1px solid #019934; border-collapse: collapse;}
#infos_pratiques1 td, #infos_pratiques2 td {border: 1px dotted #019934; padding: 5px;}
#infos_pratiques1 p, #infos_pratiques2 p  {width: 280px;}
.texte_gauche {width: 150px;}
#img_garderie, #img_dechets, #img_photocopies {border: none;}
.images_infos { text-align: center;}
	
/* bas */
#bas {margin: 0 auto; background: url(../images/bas.jpg) no-repeat; width: 1030px; height: 33px;}
		
/* footer */
#footer {width: 1024px; margin: 0 auto; padding-bottom: 5px; clear: both;}
#liens_footer {text-align: left;}
#liens_footer a {text-decoration: none; color: #666;}
#coordonnees {text-align: right;}