*{margin:0;padding:0;}
body{text-align:center;font-family:Verdana;font-size:12px;background-color:#E7DFD6;color:#333333;}
a{color:#750C43;text-decoration:none;}
a:hover{text-decoration:underline;}
a img{border:0;}
p{line-height:1.5em;}
h2{font-weight:normal;color:#750C43;/*background-color:#750C43;*/font-size:18px;text-transform:uppercase;padding:1px 3px;margin-top:25px;/*margin-bottom:20px;*/}
h3, h3 a{font-weight:normal;margin-bottom:0;text-decoration:none;}
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 #E7DFD6;}
p{margin:5px 0;padding:5px 0;}

#container{margin:0 auto;text-align:left;background-color:#eee;width:900px;}
#head{position:relative;height:170px;background-color:#718BA7;background-image:url("img/bandeau_hb.jpg");}
#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; top: 150px; bottom:0; width:900px; background-color:#718BA7; height:20px; overflow:hidden; display:inline}
#menu li{display:inline} #menu a{top:0}
#menu a:hover, #menu strong a{background-color:#333}
#menu a, #menu a:hover, #menu strong a{color:#fff; font-weight:normal; letter-spacing:-1px;text-transform:uppercase; font-size:11px; text-decoration:none; padding:10px; line-height: 20px}


#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.jpg");}
.pageset2 #container{ background-image:url("img/container2.jpg");}
.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:#750C43;}
#foot p{padding:8px; margin-bottom:0px}



/* Titres 

#une 			h2{ background-color:#750C43;}
#actualites 	h2{ background-color:#750C43;}
#agenda 		h2{ background-color:#750C43;}
#lettres	 	h2{ background-color:#750C43;}*/

#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:70px;margin-bottom:20px;}
#lettres	 	h2{ background-image:url("img/une-lettre-grenoble.gif"); background-repeat:no-repeat;height:25px; width:290px;margin-bottom:20px;margin-top:60px}
#billets		h2{ background-image:url("img/derniers-billets.gif"); background-repeat:no-repeat;height:25px; width:160px;margin-bottom:20px; margin-top: 60px;}
#liens	 		h2{ background-image:url("img/liens.gif"); background-repeat:no-repeat;height:25px; width:45px;margin-bottom:20px; margin-top: 60px;}
#inscription	h2{ background-image:url("img/inscription.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:80px;}



/* 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:#f3f3f3;}
div#agenda td.date{width:75px;font-weight:bold;}



/* lettres */

#lettres li{display:block;float:left;border:1px solid #eaeaea;font-size:0.8em;}
#lettres a{color:#333;display:block;}
#lettres a:hover{background-color:#f8f8f8;text-decoration:none !important;}
#lettres li, #lettres a{width:95px;height:155px;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:#718BA7;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;}

#billets ul{padding-left:10px;list-style-type:none;}
#liens ul{padding-left:10px;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;}