/* ************************* */
/*     STYLES               */
/* *********************** */

/* GLOBAL */
html{ padding:0; margin:0;}
body{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding:0; margin:0; text-align:center; background:#d8e0e5 url(../img/bg.jpg) repeat-x 0 0; color:#1b2931; }

/* Gestion des titres */
h1, h2,h3, h4, h5, h6,dl, dt, dd, img, p{  padding:0; margin:0; list-style:none;}

hr{height:1px; background:#D7D7D7; border:none;}

p{padding:0; margin:0;}
p.clear { display:block; float:none;width:100%; clear: both; height: 1px; font-size: 1px; line-height:0.1em; padding:0; margin:0}
ul, ol, li { padding:0; margin:0; list-style:none; }

a { color:#666666; text-decoration:underline; }

a img { border:none;}

.mainpage { width:942px; margin:0 auto; position:relative; }

.logo { position:absolute; top:0; right:28px; width:204px; height:185px; display:block; }

.topnav { background:url(../img/topnav.jpg) no-repeat 0 0; height:39px; display:block; }
.topnav  ul { margin:0; color:#FFFFFF; padding:8px 0 0 20px; }
.topnav  ul li { margin:0; padding:0; float:left; }
.topnav  ul li a { color:#FFFFFF; font-size:13px; padding:0 16px; text-decoration:none; font-weight:bold; text-transform:uppercase; border-right:1px solid #FFFFFF; }
/*.topnav  ul li a:hover { color:#2a8ecc; }*/

.topnav  ul li.active a {color:#2a8ecc; font-size:13px; }
.topnav  ul li.last a { border:none;}

.slogan { background:url(../img/slogan.jpg) no-repeat 0 0; width:auto; height:45px; display:block; margin:11px 0 14px 50px; }

.wrapper { margin:0 0 0 10px; text-align:left; }

.wrapper .pane-left { width:678px; display:block; background:url(../img/bg_pane.jpg) repeat-y 1px 0; float:left; }
.wrapper .pane-left .top { background:url(../img/top_pane.jpg) no-repeat 0 0; width:678px; height:23px; display:block; }
.wrapper .pane-left .content { min-height:950px; }
* html .wrapper .pane-left .content { height:950px; }
.wrapper .pane-left .bottom { background:#d8e0e5 url(../img/bottom_pane.jpg) no-repeat 1px 0; width:678px; height:26px;display:block;  }

.wrapper .pane-right { width:254px; display:block; background:url(../img/bg_sidebar.jpg) repeat-y 0 0; float:right; margin:80px 0 0 0; }
.wrapper .pane-right .sidebar { background:url(../img/searchbox.jpg) no-repeat 0 0; width:254px; display:block;  }

.wrapper .pane-right .sidebar .content { min-height:160px; }
.wrapper .pane-right .sidebar .content .searchbox { height:90px; position:relative; width:254px; }
wrapper .pane-right .sidebar .content .searchbox form { padding:0; margin:0; border:none; }
.wrapper .pane-right .sidebar .content .searchbox input { padding:0; margin:0; border:none; position:absolute; width:183px; top:52px; left:18px; background:#FFFFFF; }
.wrapper .pane-right .sidebar .content .searchbox a { width:24px; height:24px; display:block; position:absolute; top:49px; right:21px;  }
.wrapper .pane-right .sidebar .content .searchbox a span { display:none; }

.wrapper .pane-right .sidebar .content .title { background:url(../img/sep_sidebar.jpg) no-repeat 0 0; padding:10px 0 5px 0; }

.wrapper .pane-right .sidebar .content ul.category { margin: 0 10px 15px 26px; color:#FFFFFF;  }
.wrapper .pane-right .sidebar .content ul.category li { margin:0; padding:0; }
.wrapper .pane-right .sidebar .content ul.category li a { color:#FFFFFF; font-size:12px; text-decoration:none; }
.wrapper .pane-right .sidebar .content ul.category li a:hover { color:#2a8ecc; }
.wrapper .pane-right .sidebar .content ul.category li.active a, .wrapper .pane-right .sidebar .content ul.category li.current-cat a {color:#2a8ecc; font-size:14px; text-decoration:none; font-weight:bold; }


.wrapper .pane-right .sidebar .content ul.infos { margin: 0 10px 15px 26px; color:#FFFFFF;  }
.wrapper .pane-right .sidebar .content ul.infos li { margin:0; padding:0;margin:0 15px 5px 0; text-align:justify; }
.wrapper .pane-right .sidebar .content ul.infos li a { color:#FFFFFF; font-size:11px; text-decoration:none; }
.wrapper .pane-right .sidebar .content ul.infos li span.bleu { color:#2a8ecc; font-size:11px; font-weight:bold; text-decoration:none; }

.wrapper .pane-right .sidebar .content ul.avoir { margin: 0 10px 15px 26px; color:#FFFFFF;  }
.wrapper .pane-right .sidebar .content ul.avoir li { margin:0; padding:0; text-align:justify; margin:0 15px 5px 0;font-size:11px; }
.wrapper .pane-right .sidebar .content ul.avoir li a { color:#FFFFFF; font-size:11px; text-decoration:none; }
.wrapper .pane-right .sidebar .content ul.avoir li span.bleu { color:#2a8ecc; font-size:11px; font-weight:bold; text-decoration:none; }

.wrapper .pane-right .sidebar .bottom { background:url(../img/footer_sidebar.jpg); height:23px; width:254; display:block; }

.article { margin:0 20px 80px 20px; }
.article h2 a { font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:bold; color:#1b2931; border-left:3px solid #2a8ecc; padding:0 0 0 12px; margin:0 0 25px 0; text-decoration:none; display:block; }
.article .entry { text-align:justify; }
.article .entry p { margin-bottom:10px; }
.article .entry a { color:#2a8ecc; text-decoration:none; }
.article .entry a:hover { color:#2a8ecc; text-decoration:underline; }
.article a.lirelasuite { font-weight:bold; color:#2a8ecc; text-decoration:none; font-size:12px; margin:20px 0 0 0; display:block; width:100px; }
.article a.lirelasuite:hover {  color:#2a8ecc; text-decoration:underline;  }
.article a.more-link { font-weight:bold; color:#2a8ecc; text-decoration:none; font-size:12px; margin:20px 0 0 0; display:block; width:100px; }
.article a.more-link:hover {  color:#2a8ecc; text-decoration:underline;  }

.article .metadata { display:block; border-top:1px dashed #888888;  padding:10px 0 0; margin:20px 0 50px 0; color:#888888; font-size:11px; } 
.article .metadata a {color:#888888; font-size:11px; text-decoration:none; }
.article .metadata a:hover {color:#888888; font-size:11px; text-decoration:none; }
.article .metadata .publiele { background:url(../img/picto_clock.jpg) no-repeat 0 0; padding:0 0 0 20px; float:left; }
.article .metadata .com { background:url(../img/picto_com.jpg) no-repeat 0 0; padding:0 0 0 20px; float:right;  }
.article .metadata .like { float:right;margin-right:5px; }
.article .metadata .like a { background:url(../img/picto_like.jpg) no-repeat 0 0; padding:0 0 0 18px;  }

.comments h3 { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#1b2931; font-weight:normal; }
.comments .comment { border:1px dashed #888888; margin:10px 0 0 0; padding:15px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; }
.comments .comment a { font-weight:bold; color:#2a8ecc; text-decoration:none;  }
.comments .comment img.avatar { float:right; }
.comments #respond { margin:50px 0; }
.comments #respond h3 { margin: 0 0 20px 0; }
.comments #respond form { margin:0; padding:0; }
.comments #respond input { background:#FFFFFF; border:3px solid #d8e0e5; margin-top:5px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px;}
.comments #respond input[type=submit] { background:#2a8ecc; color:#FFFFFF; padding:2px; margin:8px 0; border:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; }
.comments #respond textarea { width:100%; background:#FFFFFF; border:3px solid #d8e0e5; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; margin-top:5px;  }

.article .entry .tags { display:block; margin:20px 0 0 0; }
.article .entry .tags a { padding:2px 5px 2px 5px; border-left:3px solid #AAAAAA; background-color:#DDDDDD; color:#1b2931; text-decoration:none; margin:0 8px 0 0; float:left; }
.article .entry .tags a:hover { border-left:3px solid #2a8ecc; }
.article .entry img { border:#CCCCCC solid 3px; padding:1px; margin:10px 0 10px 0; }
.article .entry img.sociable-hovers { border:none; }

/* **************** */

.page { margin:0 20px 20px 20px; }
.page h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:bold; color:#1b2931; border-left:3px solid #2a8ecc; padding:0 0 0 12px; margin:0 0 25px 0; text-decoration:none; display:block; }
.page .entry { text-align:justify; }
.page .entry p { margin-bottom:10px; }
.page .entry a { color:#2a8ecc; text-decoration:none; }
.page .entry a:hover { color:#2a8ecc; text-decoration:underline; }
.page .entry img {border:#CCCCCC solid 3px; padding:1px; margin:10px 0 10px 0; }
.page .entry iframe {border:#CCCCCC solid 3px; padding:1px; margin:10px 0 10px 0; }

.navigation { margin:0 20px 10px 20px; }
.navigation a { color:#2A8ECC; text-decoration:none; font-size:11px; font-weight:bold; }

/* **************** */

.evenements {}
.evenements .prochain_evenement { margin:10px 0 35px 0; background:#2a8ecc url(../img/bg-calendrier.jpg) no-repeat top right; color:#FFFFFF; padding:10px; }
.evenements .prochain_evenement .date { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:bold; margin-right:15px; margin-bottom:10px; display:block; padding-left:30px; background:url(../img/puce-calendrier.jpg) no-repeat 0 0; }
.evenements .prochain_evenement .titre {}
.evenements .prochain_evenement .lieu { margin-bottom:5px;}
.evenements .prochain_evenement .desc { text-align:justify; width:550px; display:block; margin:5px 0 10px 0; }
.evenements .prochain_evenement .ensavoirplus { background:url(../img/contact-calendrier.jpg) no-repeat 0 0; display:block; height:18px; }
.evenements .prochain_evenement .ensavoirplus a { color:#FFFFFF; text-decoration:underline; font-weight:bold; padding-left:30px;  }

.evenements .evenement { margin:5px 0 0 0; padding:0 10px 0 10px; font-size:12px; }
.evenements .evenement .date { color:#1b2931; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-weight:bold;  }
.evenements .evenement .titre {}
.evenements .evenement .lieu {}
.evenements .evenement .desc {}

.wrapper .pane-right .sidebar .content .flickr-home { margin:5px 10px 15px 17px; display:block; }
.wrapper .pane-right .sidebar .content .flickr-home a { margin-bottom: 10px; margin-left: 10px; float: left;display: inline;display: block; border:#CCCCCC 1px dashed; }
.wrapper .pane-right .sidebar .content .flickr-home a:hover { border:#2a8ecc 1px dashed; }
.wrapper .pane-right .sidebar .content .flickr-home img {float: left;display: inline;display: block;padding:0px;  }

.page .entry .flickr-galerie img {float: left;margin:0 1px 0 1px;display: inline;display: block;padding:0px; border:#888888 0px solid; }
.page .entry .flickr-galerie a { padding:3px; background:#FFFFFF;float: left;display: inline;display: block; }
.page .entry .flickr-galerie a:hover { padding:3px; background:#2a8ecc; }

.page .result-entry { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#1b2931; margin:10px 0 10px 0;  } 
.page .result-entry h3 a { color:#2a8ecc; text-decoration:none; font-size:14px; }
.page .result-entry a { color:#2a8ecc; text-decoration:none; font-size:11px;  }
.page .result-entry p.postmetadata { color:#1b2931; font-size:11px; }

/******************/
.footer { text-align:left; margin:20px 0 20px 40px; font-size:11px; overflow:hidden; }
.footer .credits { float:left; padding:0 20px 0 5px; border-left:4px solid #2a8ecc; color:#888888; }
.footer .credits a { color:#2a8ecc; text-decoration:none; }
.footer .share { float:left; padding:0 0 0 5px; border-left:4px solid #2a8ecc; color:#888888; }
.footer .share a { color:#888888; text-decoration:none; padding-top:1px; padding-left:22px; height:18px; display:block; }
.footer .share a:hover { color:#2a8ecc; text-decoration:underline; }

.footer .share a.facebook { background:url(../img/puce_fb.jpg) no-repeat 0 0;  }
.footer .share a.twitter { background:url(../img/puce_tw.jpg) no-repeat 0 0;  }
.footer .share a.flickr { background:url(../img/puce_fl.jpg) no-repeat 0 0;  }
.footer .share a.rss { background:url(../img/puce_rss.jpg) no-repeat 0 0;  }