/* CSS Document */
body {background:url("i/bg.jpg"); text-align:center; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2B2B2B}
img { border:0}
h1 { display:none}
h2 { display:none}
h3{color:#757C0F; font-size:136%; margin:0 0 8px 0}
h4{ color:#757C0F; font-size:114%; margin:0 0 3px 0}
a:link,a:visited{color:#757C0F}
a:hover { color:#8A7E18}
ul { margin:0; padding:0}
li { list-style:none; background: url("i/puce.gif") no-repeat 0 5px; padding-left:10px;}
form { margin:0; padding:0}
input { border:1px solid #e8cf25; background:#FBFAE2; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin-bottom:5px}
textarea { border:1px solid #e8cf25; background:#FBFAE2; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin-bottom:5px}
input.submit {border:1px solid #e8cf25; background:#FBFAE2; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;}

#page {background: url("i/page_bg.gif") no-repeat; width:735px; margin:0 auto; padding:8px 0; position:relative}
#content {background:#FFFFFF url("i/page-right_bg.gif") repeat-y right; padding:10px; clear:both}
#date { position:absolute;top:92px; right:110px;background: url("i/date_bg.gif") no-repeat top right; color:#722A18; height:47px; width:220px; text-align:right; padding:30px 37px 0 0; }
#menu { background: url("i/menu_bg.gif") no-repeat right top; text-align:left; height:26px; margin-top:40px; font-size:14px}
#menu a  { text-decoration:none}
#menu dl { margin:0; padding:0}
#menu dd { float:left; margin:0; padding:0}
#menu  a {height:28px; display:block; color:#FFFFFF; text-align:center; padding-top:1px; margin-right:1px; font-family:"Century Gothic"}
#menu .accueil a:link, #menu .accueil a:visited {background: url("i/accueil-off.gif") no-repeat; width:69px}
#menu .presentation a:link, #menu .presentation a:visited{background: url("i/presentation-off.gif") no-repeat; width:105px}
#menu .archives a:link, #menu .archives a:visited{background: url("i/archives-off.gif") no-repeat; width:79px}
#menu .contact a:link, #menu .contact a:visited{background: url("i/contact-off.gif") no-repeat; width:74px}
#menu .abonnement a:link, #menu .abonnement a:visited{background: url("i/abonnement-off.gif") no-repeat; width:200px}
#menu .accueil a:hover, #menu .accueil a.on{background: url("i/accueil-on.gif") no-repeat; width:69px}
#menu .presentation a:hover, #menu .presentation a.on{background: url("i/presentation-on.gif") no-repeat; width:105px}
#menu .archives a:hover, #menu .archives a.on{background: url("i/archives-on.gif") no-repeat; width:79px}
#menu .contact a:hover, #menu .contact a.on{background: url("i/contact-on.gif") no-repeat; width:74px}
#menu .abonnement a:hover, #menu .abonnement a.on{background: url("i/abonnement-on.gif") no-repeat; width:200px}
#menu .blog a:link, #menu .blog a:visited{background: url("i/blog-off.gif") no-repeat; width:50px}
#menu .blog a:hover, #menu .blog a.on{background: url("i/blog-on.gif") no-repeat; width:50px}

#main {text-align:left; padding:10px 30px 30px 0}
#main img.une { float:left;width:217px; height:295px}
#main img.presentation { float:left;width:166px; height:276px}
#main img.abonnement { float:left;width:166px; height:211px}
#main #edition { width:440px; margin:0 0 0 240px}
#main #sommaire { background:  url("i/sommaire.gif") no-repeat; padding:0 0 0 30px; margin:30px 0 0 0; font-size:92%; display:block; height:100%}
#main #sommaire #tab1 { width:190px; float:left}
#main #sommaire #tab2 { width:190px; float:right; border-left:1px solid #757C0F; padding-left:20px}
#main dl { height:100%; padding:0 0 0 30px; margin:0 30px 0 0}
#main dt { font-size:114%; font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom:10px; padding:0}
#main dd { padding:0; margin:0 }
#main p { margin:0}
.edito { background:  url("i/edito.gif") no-repeat;}
#presentation, #abonnement {width:440px; margin:0 0 0 190px; padding-left:30px; font-size:92%; background: url("i/presentation.jpg") no-repeat; height:350px}
#presentation p, #abonnement p { margin-bottom:3px}
#presentation h3, #abonnement h3 { color:#722A18; font-size:172%; margin-bottom:0}
#presentation h4, #abonnement h4 {font-size:132%; margin-bottom:10px}
.mois { display:block; clear:both; margin-bottom:20px; height:203px}
.mois.last{margin-bottom:0}
.mois img {width:150px; height:203px; float:left}
.mois .module{ background: url("i/archives.jpg") no-repeat; float:right; width:485px; padding:0 0 0 30px}
.mois h3 { color:#722A18; font-size:132%; margin-bottom:5px}
.mois h4 {font-size:117%; margin-bottom:5px}
.module p { font-size:92%}
.module p.chapo {font-size:100%;font-weight:bold; padding-bottom:10px}
#mail { font-size:92%;width:386px; min-height:380px; background: url("i/contact.jpg") no-repeat; text-align:left; margin:0 0 0 130px; padding:12px 30px 0 30px}
#mail dl{ margin:0 0 10px 0; padding:0}
#mail dt{ font-size:136%} 
#mail dd{ margin:0}
#mail p{ margin:2px 0 2px 0; width:200px} 

/* =========== Footer ==========*/
#footer { padding:10px 10px 0 10px;background:url("i/footer_bg.gif") no-repeat left top; height:20px; color:#8A7E18; font-size:84%}
#footer a:link,#footer a:visited{ float:left; color:#8A7E18}
#footer a:hover { color:#FFFFFF}
#footer ul{ float:right; margin:0; padding:0}
#footer li{ list-style:none; margin:0; padding:0 2px 0 2px;float:left; background:none}

/* =========== Tools ==========*/
a.on { cursor:default}
.SelfClear:after { content:"."; display:block; height:0;clear:both; visibility:hidden}
.Clear { clear:both}
.Brune { color:#8A7E18; font-weight:bold}
.Big {font-size:127%}
.Bold {font-weight:bold; font-size:127%}
.After { padding-bottom:8px}
.Hidden { display:none}