*{margin:0;padding:0;}
body{text-align:center;font-family:Helvetica, Arial;font-size:12px;color:#69584f;background: #4d88c4 url(img/background.jpg) repeat-x top center;}
a{color: #4d88c4;text-decoration:none;}
a:hover{color: #0c5798;text-decoration:none;}
a img{border:0;}
p{line-height:1.5em;}
h2{font-weight:bold;color:#FF8030;/*background-color:#5CA0BC;*/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:#FF8030;}
h3{font-size:19px;margin-bottom:10px;margin-top:20px;}

#actualites h3{margin-top:30px; margin-bottom:10px;width:560px; border-bottom: 1px solid #b71a47; padding-bottom: 0px;display: block;}
#actualites h3 a{font-family: Helvetica, Arial;font-size: 20px;color: #b71a47;font-weight: normal;line-height: 25px;float:left;}
#actualites h3 a:hover{color: #a5153f; text-decoration: none;}
#actualites h3 span.datePosted {font-size: 11px;color:#777;font-weight: normal;text-align:right;line-height: 25px;font-family: Helvetica, Arial;display: block;}
#actualites .actualite p{font-family: Helvetica, Arial;font-size: 12px;line-height: 18px;color:#59504b;}
#actualites .actualite p a{color:#4d88c4; text-decoration: none;font-weight: bold;}
#actualites .actualite p a:hover{color:#0c5798; text-decoration: none;}

p.archives{margin-top:20px;height:20px;line-height: 20px;background: url(img/archives.png) no-repeat top left;padding:0px;}
p.archives a{padding-left:27px;color:#FFF;height:20px; line-height: 20px;font-size: 12px; font-family: Helvetica, Arial;text-decoration: none}

#une h3{margin-top:80px;margin-bottom:10px;width:560px;border-bottom: 1px solid #b71a47;padding-bottom: 0px;display: block;position: relative;}
#une h3 a{font-family: Helvetica, Arial;font-size: 20px;color: #b71a47;font-weight: normal;line-height: 25px;float:left;position:absolute;bottom:0px;left:0px;height: auto;width:410px;margin:0px;}
#une h3 a:hover{color: #a5153f; text-decoration: none;}
#une h3 span.datePosted {font-size: 11px;color:#777;font-weight: normal;text-align:right;line-height: 25px;font-family: Helvetica, Arial;float: right;height: auto;width:170px;position:absolute;bottom:0;right:0;margin:0px;padding:0px;}

.post_tpl {margin-top:80px;margin-bottom:10px;width:560px;border-bottom: 1px solid #b71a47;padding-bottom: 0px;display: block;position: relative;}
.post_tpl h3 {font-family: Helvetica, Arial;font-size: 20px;color: #b71a47;font-weight: normal;line-height: 25px;float:left;position:absolute;bottom:0px;left:0px;height: auto;width:410px;margin:0px;}
.post_tpl span.datebillet {font-size: 11px;color:#777;font-weight: normal;text-align:right;line-height: 25px;font-family: Helvetica, Arial;float: right;height: auto;width:170px;position:absolute;bottom:0;right:0;margin:0px;padding:0px;display: inline;}

#une .post-content{font-family: Helvetica, Arial;font-size: 12px;line-height: 18px;color:#59504b;}
#une .post-content p a{color:#4d88c4; text-decoration: none;font-weight: bold;}
#une .post-content p a:hover{color:#0c5798; text-decoration: none;}

#col1 .post {}
#col1 .post h2.post-title{margin-top:30px; margin-bottom:10px;width:560px; border-bottom: 1px solid #b71a47; padding-bottom: 0px;display: block;font-family: Helvetica, Arial;font-size: 20px;color: #b71a47;font-weight: normal;line-height: 25px;float:left;}
#col1 .post .post-content p{font-family: Helvetica, Arial;font-size: 12px;line-height: 18px;color:#59504b;}

#archives ul {margin-left:15px;font-family: Helvetica, Arial;}
#archives ul li a{font-size: 11px;}

#col2 .pcoordonnees{margin-left:14px;font-family: Helvetica, Arial;font-size: 13px;line-height: 20px;}

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

#container{margin:0 auto;text-align:left;width:915px;}

#head{position:relative;height:230px;margin-left:7px;background: url("img/bandeau.jpg") no-repeat top left;}
#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{font-size: 12px;color:#FFF;position:absolute; bottom:0; width:900px;background-color:#0C5798;height:30px; overflow:hidden;}
#menu_ul{position: relative; width:900px; margin:0 auto;height:30px;}
#menu li{display:inline;}
#menu a{top:0;}
#menu a:hover{background-color:#4d88c4;}
#menu strong a{background:#4d88c4 url(img/menu_actif.jpg) no-repeat bottom center;}
#menu a, #menu a:hover, #menu strong a{color:#ffffff; font-family: Helvetica, Arial;font-size:13px; font-weight:normal;text-decoration:none; padding: 11px 20px 8px 20px;line-height: 30px;}

#content{background-repeat:no-repeat;
padding-left:20px !important;
padding-left:14px;
padding-top:25px;font-family: Helvetica, Arial;width:900px;}
.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 */

.pageset2 #container,.pageset1 #container{ background:url(img/background_container_2.png);}
.pageset1 #content,.pageset2 #content{background: none;} 
/*.pageset1 #col1{width:430px;float:left;} .pageset1 #col2{margin-left:470px;} */
.pageset1 #col1,.pageset2 #col1{width:560px;float:left;margin-left: 6px;}
.pageset1 #col2,.pageset2 #col2{float:left;margin-left:20px;width:294px;}


#foot{width:901px;margin: 0 auto;background: url(img/footer_repeat.jpg) repeat-x top center;height:121px;text-align:left;color:#fff;padding: 0;display:block;}
#foot p{font-family: Helvetica, Arial;font-size: 13px;color:#FFF;padding:8px;}
#foot .foot_col{width:270px;height:86px;float:left;background:none;margin:30px 0px 5px 0px;padding:0px;font-family: Helvetica,Arial;font-size: 12px;line-height: 25px;}
#foot .foot_col a{color:#FFF;text-decoration: none;}
#foot .foot_col a:hover{color: #599fe6; text-decoration: none;}
#foot .foot_col .sitemap{width:110px;height:86px;margin-left: 0px;padding-left:19px;margin-top:0px;float:left;line-height: 25px;}
#foot .foot_col .sitemap a{color:#FFF;text-decoration: none;}
#foot .foot_col .sitemap a:hover{color: #599fe6; text-decoration: none;}
#foot .foot_separe{width:25px;height:101px;float:left;background:url(img/foot_separe.png) repeat-y top center;margin:15px 0px 5px 0px;padding:0px;}
#foot .foot_left,#foot .foot_right{width:20px; float:left;height:106px;background:none;margin:0px;padding:0px;}
.iconeflux{border:none; margin:0px 0px 0px 0px;padding:0px;height:20px;width:20px;vertical-align: middle;}

/* Titres */
#une 			h2{ background: #0c5798 url(img/cest_dactualite.jpg) no-repeat top left;height:30px; width:241px;margin:0px; margin-bottom:10px;padding: 0px;}
#actualites 	h2{ background: #0c5798 url(img/mais_aussi.jpg) no-repeat top left;height:30px; width:241px;margin:0px;margin-bottom:10px; margin-top:40px;padding:0px;}
#agenda 		h2{ background: #4d88c4 url(img/agenda_sousmenu.jpg) no-repeat top left; height:30px; width:295px;margin:0px;margin-bottom:20px;}
#liens	 		h2{ background: #4d88c4 url(img/liens_sousmenu.jpg) no-repeat top left; height:30px; width:295px;margin-bottom:20px;}
#billets		h2{ background: #4d88c4 url(img/billets_sousmenu.jpg) no-repeat top left; height:30px; width:295px;margin:0px;margin-bottom:20px;}
#inscription	h2{ background: #4d88c4 url(img/newsletter_sousmenu.jpg) no-repeat top left; height:30px; width:295px;margin:0px;margin-bottom:20px;}
#archives		h2{ background: #4d88c4 url(img/archives_sousmenu.jpg) no-repeat top left; height:30px; width:295px;margin:0px;margin-bottom:20px;}
#galleryList	h3{ background: #4d88c4 url(img/phototheque_sousmenu.jpg) no-repeat top left; height:30px; width:300px;}
#presentation	h2{ background-image:url("img/presentation.gif"); background-repeat:no-repeat;height:25px; width:290px;margin-bottom:20px;margin-top:60px}
#nathalie		h2{ background-image:url("img/bio-nathalie-beranger.gif"); background-repeat:no-repeat;height:25px; width:200px;}
#herve			h2{ background-image:url("img/suppleant-nathalie-beranger.gif"); background-repeat:no-repeat;height:30px; width:150px;}
#local	    	h2{ background-image:url("img/projet-grenoble-nathalie-be.gif"); background-repeat:no-repeat;height:25px; width:250px;}
#national		h2{ background-image:url("img/projet-national-nathalie-be.gif"); background-repeat:no-repeat;height:25px; width:250px;}
#soutien		h2{ background-image:url("img/soutien-nathalie-beranger.gif"); background-repeat:no-repeat;height:25px; width:220px;}

#galleryList {margin:0px 0px 20px 0px;}
.titre_galerie {font-family: Helvetica, Arial;font-size: 13px;color:#89786F;line-height: 20px; margin:15px 0px 0px 15px;}
.titre_galerie img{width:126px; margin-right:3px;}

.Archives { margin-top:25px; background: #0c5798 url(img/archives_menu.jpg) no-repeat top left; height:30px; width:241px; margin-bottom:10px;padding:0px;}

.Actualites { margin-top:25px; background: #0c5798 url(img/cest_dactualite.jpg) no-repeat top left; height:30px; width:241px; margin-bottom:10px;padding:0px;}
.Contact { margin-top:25px; background: #0c5798 url(img/contact_titre.jpg) no-repeat top left;height:30px; width:241px; margin-bottom:10px; padding:0px;}
.Conseil { margin-top:25px; background: #0c5798 url(img/conseil_municipal.jpg) no-repeat top left;height:30px; width:241px; margin-bottom:10px; padding:0px;}
.Phototheques { margin-top:25px; background: url(img/phototheque.jpg) no-repeat top left; height:30px; width:241px; margin-bottom:10px;padding:0px;}
.Coordonnees { margin-top:25px; background: #4d88c4 url(img/coordonnees.jpg) no-repeat top left; height:30px; width:300px; margin-bottom:10px;padding:0px;}
.Galleries { margin-top:25px; background: #4d88c4 url(img/galeries_sousmenu.jpg) no-repeat top left; height:30px; width:300px; margin-bottom:10px;padding:0px;}
.Nathalie { margin-top:25px; background: #0c5798 url(img/nathalie_beranger.jpg) no-repeat top left ;height:30px; width:241px; margin-bottom:10px; padding:0px;}
.Herve { margin-top:25px; background-image:url("img/herve-gerbi.gif"); background-repeat:no-repeat;height:30px; width:210px; margin-bottom:10px;}
.Programme { margin-top:25px; background-image:url("img/programme-nathalie-beranger.gif"); background-repeat:no-repeat;height:30px; width:210px; margin-bottom:10px;}
.Soutien { margin-top:25px; background-image:url("img/soutien-nathalie-beranger.gif"); background-repeat:no-repeat;height:30px; width:220px; margin-bottom:10px;}
.Local { margin-top:25px; background-image:url("img/projet-grenoble-nathalie-be.gif"); background-repeat:no-repeat;height:30px; width:250px; margin-bottom:10px;}
.National { margin-top:25px; background-image:url("img/projet-national-nathalie-be.gif"); background-repeat:no-repeat;height:30px; width:250px; margin-bottom:10px;}
.presentation { margin-top:25px; background-image:url("img/lettre.gif"); background-repeat:no-repeat;height:25px; width:185px; margin-bottom:10px;}
.Presentation { margin-top:25px; background-image:url("img/nathalie-beranger.gif"); background-repeat:no-repeat;height:30px; width:210px; margin-bottom:10px;}


/* agenda */

div#agenda table{width:295px;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;}


/* archives */

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


/* liens */

#liens ul{list-style-type:none;}
#liens li{background: url(img/liens_puce.png) no-repeat 0px 12px;line-height: 22px;margin: 0px 0px 0px 15px;text-indent: 10px;}
#liens li a{color: #4d88c4; font-size: 13px;font-family: Helvetica;}
#liens li a:hover{color: #0c5798; font-size: 13px;font-family: Helvetica; text-decoration: none}


/* liens */

#billets ul{list-style-type:none;}
#billets li{background: url(img/liens_puce.png) no-repeat 0px 12px;line-height: 22px;margin: 0px 0px 0px 15px;text-indent: 10px;}
#billets li a{color: #4d88c4; font-size: 13px;font-family: Helvetica;}
#billets li a:hover{color: #0c5798; font-size: 13px;font-family: Helvetica; text-decoration: 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 */
#agenda p.archives{margin-top:1px;}

#comments blockquote{padding-left:20px;border-bottom:1px solid #eee;margin-bottom:20px;}
/*div#actualites .actualite{border-bottom:1px solid #e6e6e6;margin-bottom:10px;}*/
#comments h3{color:#b71a47;}

hr.clear, li.clear{clear:both;height:1px;font-size:1px;border:none;background:transparent;visibility:hidden;}
#comments img{border:0px;margin:0px;padding:0px;}

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;}

form#newsletter_form{margin:0 auto;padding: 0px;width:300px;text-align:center;font-family: Helvetica, Arial;color:#89786F;line-height: 20px;font-size: 13px;}
form#newsletter_form #newsletter_submit{background: url(img/newsletter_submit.jpg) no-repeat top center;width:44px;height:28px;line-height: 28px;border:none;display: block;color:#89786f;font-size: 14px;font-family: Helvetica, Arial;}
form#newsletter_form #newsletter_input{background: url(img/newsletter_input.jpg) no-repeat top center;width:224px;height:28px;padding-top: 7px;float:left;line-height: 28px;
border:none;vertical-align: text-bottom;color:#89786f;margin-left: 13px;text-indent: 10px;font-size: 14px;font-family: Helvetica, Arial;}
#ForReferencing {display:none;}