*{margin:0;padding:0;}
body{text-align:center;font-family:Verdana;font-size:12px;background-color:#333333;color:#89786F;background:#fff url(img/le-ciel.gif) repeat-x 0 1px;}

a{color:#8B7E74;text-decoration:none;}
a:hover{text-decoration:underline;}
a img{border:0;}
p{line-height:1.5em;}
h2{font-weight:bold;color:#9e554d;/*background-color:#8B7E74;*/font-size:18px;text-transform:uppercase;padding:1px 3px;margin-top:25px;margin-bottom:10px;}
h3, h3 a{font-weight:normal;margin-bottom:0;text-decoration:none;color:#9e554d;}
h3{font-size:19px;margin-bottom:10px;margin-top:20px;}
#une h3, #actualites h3{margin-top:0px;margin-bottom:10px;}


img{padding:3px;border:2px solid #89786F;}
p{margin:5px 0;padding:5px 0;}

#container{margin:0 auto;text-align:left;background-color:#eee;width:900px;}
#head{position:relative;height:110px;background-color:#8B7E74;background-image:url("img/bandeau.gif");}
#pageTitle{position:absolute;top:40px;left:20px;}
#pageTitle, #pageTitle a{text-transform:uppercase;color:#fff;text-decoration:none;}
#pageTitle h1{font-size:35px;}
#pageTitle p{padding-left:4px;letter-spacing:-0.1em;margin-top:0;}




/* MENU */

#menu{
	position:absolute;
	bottom:0;
	width:900px;
	background-color:#AEBF5C;
	height:20px;
	overflow:hidden;
}

#menu a{
	top:0;
	display:block;
	position:absolute;
	overflow:hidden;
	padding-top:4px;
	height:20px;
	text-align:center;
}

#menu a:hover, #menu strong a{
	background-color:#89786F;
}

#menu a, #menu a:hover, #menu strong a{
	color:#fff;
	font-weight:normal;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	letter-spacing:-1px;
	text-decoration:none;
}


#menu a.accueil{
	width:63px;
	left:15px;
	background-position:-15px 0;
}

#menu a.actualites{
	width:79px;
	left:83px;
	background-position:-93px 0;
}

#menu a.lettres{
	width:59px;
	left:167px;
	background-position:-167px 0;
}

#menu a.circonscription{
	width:115px;
	left:231px;
	background-position:-221px 0;
}

#menu a.canton{
	width:59px;
	left:351px;
	background-position:-331px 0;
}

#menu a.gallery{
	width:95px;
	left:415px;
	background-position:-385px 0;
	}

#menu a.contact{
	width:67px;
	left:515px;
	background-position:-471px 0;
	}




#content{background-repeat:no-repeat;padding:20px;padding-top:5px;}
.post-content ul{padding-left:40px;line-height:1.5em;font-size:11px;}
.post-content ol{padding-left:40px;line-height:1.5em;font-size:11px;}



/* Page Sets */

.pageset1 #container{ background-image:url("img/container.gif");}
.pageset2 #container{ background-image:url("img/container2.gif");}
.pageset1 #content{ background-image:url("img/ombre.jpg");}
.pageset2 #content{ background-image:url("img/ombre2.jpg");}
.pageset1 #col1{width:430px;float:left;}
.pageset1 #col2{margin-left:470px;}
.pageset2 #col1{width:560px;float:left;}
.pageset2 #col2{margin-left:600px;}


#foot{text-align:center;color:#fff;background-color:#8B7E74;}
#foot p{padding:8px;}



/* Titres */

#une 			h2{ background-image:url("img/actualite.gif"); background-repeat:no-repeat;height:25px; width:185px; margin-bottom:10px;}
#actualites 	h2{ background-image:url("img/mais-aussi.gif"); background-repeat:no-repeat;height:25px; width:125px;margin-bottom:10px; margin-top:40px}
#agenda 		h2{ background-image:url("img/agenda.gif"); background-repeat:no-repeat;height:25px; width:85px;margin-bottom:20px;}
#lettres	 	h2{ background-image:url("img/lettres.gif"); background-repeat:no-repeat;height:25px; width:290px;margin-bottom:20px;margin-top:60px}
#liens	 		h2{ background-image:url("img/liens.gif"); background-repeat:no-repeat;height:25px; width:55px;margin-bottom:20px;}
#inscription	h2{ background-image:url("img/newsletter.gif"); background-repeat:no-repeat;height:25px; width:205px;margin-bottom:20px;margin-top:60px}
#archives		h2{ background-image:url("img/archives.gif"); background-repeat:no-repeat;height:25px; width:90px;}
#galleryList	h3{ background-image:url("img/phototheque.gif"); background-repeat:no-repeat;height:25px; width:140px;}

.Actualites { margin-top:25px; background-image:url("img/actualite.gif"); background-repeat:no-repeat;height:25px; width:185px; margin-bottom:10px;}
.Lettres { margin-top:25px; background-image:url("img/lettre.gif"); background-repeat:no-repeat;height:25px; width:185px; margin-bottom:10px;}
.Circonscription { margin-top:25px; background-image:url("img/circonscription.gif"); background-repeat:no-repeat;height:25px; width:185px; margin-bottom:10px;}
.Canton { margin-top:25px; background-image:url("img/canton.gif"); background-repeat:no-repeat;height:25px; width:185px; margin-bottom:10px;}
.Contact { margin-top:25px; background-image:url("img/contact.gif"); background-repeat:no-repeat;height:25px; width:185px; margin-bottom:10px;}
.Phototheques { margin-top:25px; background-image:url("img/phototheques.gif"); background-repeat:no-repeat;height:25px; width:185px; margin-bottom:10px;}
.Coordonnees { margin-top:25px; background-image:url("img/coordonnees.gif"); background-repeat:no-repeat;height:25px; width:185px; margin-bottom:10px;}
.Galleries { margin-top:25px; background-image:url("img/phototheque.gif"); background-repeat:no-repeat;height:25px; width:185px; margin-bottom:10px;}


/* agenda */

div#agenda table{width:386px;font-size:0.8em;}
div#agenda td{padding:4px 0;vertical-align:top;}
div#agenda tr.row1 td{background-color:#F8F8F1;}
div#agenda td.date{width:75px;font-weight:bold;}



/* lettres */

#lettres li{display:block;float:left;border:1px solid #EFEFDE;font-size:0.8em;}
#lettres a{color:#333;display:block;}
#lettres a:hover{background-color:#F8F8F1;text-decoration:none !important;}
#lettres li, #lettres a{width:95px;height:190px;overflow:hidden;}
#lettres span.image, #lettres span.prenom, #lettres span.nom, #lettres span.canton{display:block;}

#lettres span.prenom, #lettres span.nom, #lettres span.canton{padding-left:10px;}
#lettres span.image{text-align:center;padding-top:10px;padding-bottom:5px;}
#lettres span.canton{color:#000000;font-size:0.9em;}
#lettres span.prenom{color:#8B7E74;font-weight:bold;}


/* archives */

#archives, #actulettres{font-size:0.9em;}
#actulettres div.actualite{margin-top:15px;}
#archives p.datePosted,#actulettres p.datePosted{margin:0;}
#archives h3,#actulettres h3{font-size:1.4em;margin:0;}
#archives ul, #actulettres ul{padding-top:10px;/*padding-left:20px;*/list-style-type:none;}
#archives li, #actulettres li{padding:5px 0;}
#liens ul{list-style-type:none;}


/* formulaire de contact */

form#contact label{display:block;}
form#contact .grey{color:#aaa;font-size:0.9em;}
form#contact input[id="f-email"], form#contact input[id="f-subject"]{width:330px;}
form#contact input[type="submit"]{width:200px;}
form#contact textarea{width:550px;height:120px;}
form#contact p.submit{text-align:center;}


/* Classes */

#comments blockquote{padding-left:20px;border-bottom:1px solid #eee;margin-bottom:20px;}
div#actualites .actualite{border-bottom:1px solid #e6e6e6;margin-bottom:10px;}
#actualites p.archives{margin-top:-10px;}
#agenda p.archives{margin-top:1px;}

p.archives{padding-left:5px;background-color:#f5f5f5;}


hr.clear, li.clear{
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	background:transparent;
	visibility:hidden;
}


p.datePosted{color:#aaa !important;font-size:10px;margin:0;}
p.dateArchives{color:#aaa;font-size:9px;margin:0;}
p.Problem{border:1px solid #ff6868;background-color:#ffcdcd;padding:5px 5px;color:#730000;}
p.Confirm{border:1px solid #71db4e;background-color:#c2f0b3;padding:5px 5px;color:#2d581e;}
p.contact{background-color:#F5F5F5;padding:5px 5px;}

form fieldset{margin-top:8px;margin-bottom:8px;border:1px solid #eee;padding:5px 10px;background-color:#f5f5f5;}
form label{display:block;}
form label[for="c_remember"]{display:inline;}
form input[id="c_nom"], form input[id="c_mail"]{width:300px;}
form textarea[id="c_content"], form input[id="c_site"]{width:398px;}


#ForReferencing {display:none;}