/*
Theme Name: Débat Commerce
Theme URI: http://www.debat-commerce.fr
Description: Thème réalisé pour le Conseil du Commerce de France
Version: 0.1
Author: Jonathan Petitcolas, Jean-Brice Gachot
Author URI: http://www.tlconseil.com 
*/

* { margin: 0; padding: 0; }

body, p, textarea, input, button { font-family: Verdana, Tahoma, Arial; font-size: 12px; line-height: 1.8em; }
body { background: #c4d0e8 url(images/bg.png) repeat-x; color: #5d5d5d; }

#page { width: 1050px; margin: auto; }

#page #header { background: url(images/banniere.png) no-repeat top left transparent; height: 132px;}
#page #header #logo { position: relative; top: 14px; left: 30px; }

#page #header #baseline { position: absolute; color: #4E5080; font-size: 16px; font-weight: bold; top: 40px; margin-left: 200px; }
#page #header #rssFeed { position: relative; top: -103px; left: 790px; width: 200px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 11px; line-height: 1.4em; }
#page #header #rssFeed a { color: white; }
#page #header #rssFeed a img { float: right; margin-left: 10px; margin-top: -4px; }

#page #header #searchForm { position: relative; top: -80px; left: 770px; width: 222px }
#page #header #searchForm h6 { float: left; font-size: 11px; color: #ECECEC; margin-right: 10px; line-height: 20px; vertical-align: middle;}
#page #header #searchForm input { width: 135px; }
#page #header #searchForm button { display: none; }

#page .content { float: left; width: 760px; margin-right: 400px; margin-top: 10px; }
#page .topcontent { background: url(images/cadre_top.png) no-repeat; height: 72px; padding: 25px 30px 0px 120px;}
#page .middlecontent { background: url(images/cadre_middle.png) repeat-y; padding: 20px 50px 20px 30px; }
#page .bottomcontent { background: url(images/cadre_bottom.png) no-repeat; height: 31px; }
#page .content p { text-align: justify; }
#page .content img { border: 1px solid #8CA8C6; padding: 5px; }

#page .content h1 { font-size: 18px; color: #888888; margin-bottom: 15px; padding-left: 10px; line-height: 24px; width: 432px; }
#page .content h1.posttitle, #page .content h2, #page .content h2 a { color: #4E5080; font-size: 18px; border: 0; line-height: 1.4em; width: 510px; }
#page .content h3, #page .content h3 a { font-size: 12px; color: #5A73A5; padding-bottom: 5px; margin-bottom: 10px; text-decoration: none; margin-top: 10px; }
#page .content h4, #page .content h4 a { font-size: 12px; color: #69C; padding-bottom: 5px; margin-bottom: 10px; text-decoration: none; }
#page .content h5, #page .content h5 a { font-size: 12px; padding-bottom: 5px; margin-bottom: 10px; text-decoration: none; padding-left: 20px; }
#page .content h6, #page .content h6 a { font-size: 11px; padding-bottom: 5px; text-decoration: none; }

#page .content blockquote { margin: 10px 20px; border-left: 2px solid #6D9DCE; padding-left: 15px; font-style: italic;}
#page .content p {  margin-bottom: 15px; }
#page .content ul, #page .content ol { margin: 0px 30px 20px 40px; }
#page .content ul { list-style: none; }
#page .content ul li { min-height: 20px; border: 0;  border-top: 0; background: url(images/puce.png) no-repeat transparent left 5px; padding-left: 15px; margin-bottom: 6px; }
#page .content .postContent ul li { background: url(images/puce.png) no-repeat transparent left 5px; padding-left: 20px; }
#page .content ol li { margin-bottom: 10px; }

#page .content .bandeau { background: #E9E9E9; margin: 20px 15px; padding:10px; border-bottom: 1px solid silver; border-right: 1px solid silver; }
#page .content .bandeau small { font-size: 11px; color: #AAA; }
#page .content .bandeau small a { color: #7E9EBF; text-decoration: underline; }
#page .content .postContent a { color: orange; }

#page .content .author { margin-top: 10px; }
#page .content .author div {background: url(images/auteur.gif) no-repeat top right white; width: 634px; margin: auto; }
#page .content .author .top { background-image: url(images/top-author.png); height: 16px; }
#page .content .author .middle { background-image: url(images/author.png); background-repeat: repeat-y; }
#page .content .author .middle p {padding: 0 20px; margin: 0; text-align: center; }
#page .content .author .bottom { background-image: url(images/bottom-author.png); height: 16px; }

#page .content h6.tags a { font-weight: normal; color: #7E9EBF; text-decoration: underline; }

#page .content ul.st-related-posts { margin-top: 10px; }
#page .content ul.st-related-posts li * { vertical-align: 4px; }
#page .content ul.st-related-posts li { background: transparent url(images/puce.png) no-repeat scroll left 5px; padding-left: 20px; }

#page .content hr { width: 85%; border: 0; border-bottom: 1px #CECECE solid; height: 1px; margin: 10px auto; }

#page #sidebar { width: 260px; color: #666666; padding: 10px; padding-right: 0;  margin-top: 20px; margin-left: 758px; position: absolute; top: 50px; }
*+html #page #sidebar { position: absolute; top: 55px; left: 50%; margin-left: 238px; }
#page #sidebar { margin-left/*\**/: 763px\9 }

#page #sidebar .top { background: url(images/menu_top.png) no-repeat; height: 14px; }
#page #sidebar .middle { background: url(images/menu_middle.png) repeat-y; padding-bottom: 10px; padding: 20px; }
#page #sidebar .bottom { background: url(images/menu_bottom.png) no-repeat; height: 31px; }
#page #sidebar .middle > ul {  position: relative; top: -35px;  }
#page #sidebar img { border: 1px solid silver; padding: 2px;  margin: 25px 10px 2px 0; padding-left: 10px; }
#page #sidebar p.lien { text-align: right; }
#page #sidebar p { text-align: justify; }
#page #sidebar #aboutItem p { margin-bottom: 10px; }
#page #sidebar h6 { font-size: 12px; font-weight: bold; text-align: center; margin-bottom: 15px;  margin-top: 10px; color: #4E5080; padding-left: 40px; }
#page #sidebar a {   color: #7E9EBF; }
#page #sidebar h6 { text-align: left; margin-bottom: 0px;  margin-top: 10px; height: 24px; line-height: 24px; vertical-align: middle; margin-bottom: 10px; }

#page #sidebar ul { list-style: none; margin-left: 0px; margin-right: 2px; }
#page #sidebar li { font-size: 11px; }
#page #sidebar > ul li { margin-bottom: 15px; padding-bottom: 20px; background: none;}
#page #sidebar ul li ul { margin-left:10px; list-style: none;}
#page #sidebar ul li ul li { border: 0;  border-top: 0; background: url(images/puce.png) no-repeat transparent left 5px; padding-left: 15px; margin-bottom: 6px; }
#page #sidebar #soutien img { border: 1px solid #69C; padding: 3px; background-color: white; margin-left: 50px; } 
#page #sidebar a { color: #7E9EBF; text-decoration: none; }

#page #sidebar ul #aboutItem { padding-left: 0; }
#page #sidebar ul #aboutItem h6 { background: url(images/edito.png) no-repeat left; }
#page #sidebar ul #aboutItem img { float: right; margin: 0 0 0 10px; padding: 2px; }

#page #sidebar ul #categoriesItem { }
#page #sidebar ul #categoriesItem h6 { background: url(images/categories.png) no-repeat left; }

#page #sidebar ul #encartItem { position: relative; left: -10px; margin: 20px 0; width: 224px; border: 1px solid orange; padding: 4px; background-color: #FFF; }
#page #sidebar ul #encartItem { -moz-border-radius: 20px; -moz-box-shadow: 3px 3px 6px #AAA; -webkit-border-radius: 20px; -webkit-box-shadow: 3px 3px 6px #AAA; }
#page #sidebar ul #encartItem img { float: left; margin: 4px 10px 4px 0; border: 0; padding: 0; }
#page #sidebar ul #encartItem p { font-size: 11px; text-align: center; font-weight: bold;  }

#page #sidebar ul #rssItem { }
#page #sidebar ul #rssItem h6 { background: url(images/rss.png) no-repeat left; }
#page #sidebar ul #recentsCommentsItem h6 { background: url(images/megaphone.png) no-repeat left; }

#page #sidebar #tagsCloud { }
#page #sidebar #tagsCloud h6 { background: url(images/tags.png) no-repeat left; height: 32px; padding-top: 8px; }
#page #sidebar #tagsCloud p { line-height:20px; margin:10px 10px 0; text-align:left; }

#sidebar ul #newsletterItem h6 { background: url(images/newsletter.png) no-repeat transparent; padding-top: 5px; }
#sidebar ul #newsletterItem .error { color: #AA0000; margin-bottom: 6px; text-align: center; }
#sidebar ul #newsletterItem .success { color: #AA0000; margin-bottom: 6px; text-align: center; }
#sidebar ul #newsletterItem input { margin-left: 0px;  }
#sidebar ul #newsletterItem button { display: none; }
#sidebar ul #newsletterItem #newsletterLoading img  { border: 0; margin: 0; }

#page #sidebar ul #linksItem { }
#page #sidebar ul #linksItem h6 { background: url(images/partenaire.png) no-repeat transparent; height: 32px; padding-top: 5px; }

#page #footer { clear: both; text-align: center; padding-top: 20px; margin-right: 300px; margin-bottom: 10px; }
#page #footer p small { font-size: 11px; color: #4E5080; }

a { color: #7E9EBF; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: 0; }

input { border: 1px solid #CDDAEA; color: #69C; padding: 2px; font-size: 11px; }
#comment { width: 600px; }
#respond { margin-top 10px; } 
#respond label { float: left; width: 240px; }

#page .content h2.pagetitle { margin-bottom: 10px; }
#page .content #elus { list-style: none; }
#page .content #elus li { background-color: #F1F4FB;  padding: 6px; margin-bottom: 6px; height: 80px; }
#page .content #elus li img { float: left; margin-right: 15px; width: 78px; height: 78px; }
#page .content #elus li p { margin: 5px 15px  5px 85px; }
#page .content #elus strong { display: block; color: #69C; border-bottom: 1px dotted #69C; margin-bottom: 10px; }

#page .content #seopagebar { margin-top: 20px; text-align: center; }
#page .content #seopagebar a { padding: 5px; margin-right: 20px; color: #69C; font-weight: bold; }
#page .content #seopagebar span { font-weight: bold; color: black; margin-right: 20px; padding: 5px; }

#page .content table.grid { border: 1px solid #BBB; border-collapse: collapse; }
#page .content table.grid td { padding: 5px; margin: 10px; border: 1px solid #EEE; width: 300px; vertical-align: top; }

#page .content h3.postTitle { margin-bottom: 0; padding-bottom: 0; }

#page .content .navigation div { float: inherit; }

.alignLeft { float: left; margin-right: 10px; }
.alignRight { float: right; margin-left: 10px; }

#page .content .sociable ul { list-style: none; height: 35px; text-align: center; margin-top: 10px;  }
#page .content .sociable ul li { list-style: none; float: left; margin-right: 15px; width: 20px; padding: 0; background: none;}
#page .content .sociable ul li img { border: 0; }
#page .content .sociable ul li a img { border: 0; }

.gallery-caption { display: none; }

.slideshow { text-align: center; margin: 10px 0; }
.slideshow object { border: 1px solid black; }
.ngg-gallery-thumbnail-box { float: left; }
.ngg-clear { clear: both; }
.slideshowlink { display: none; }

/** Formulaires **/

#sidebar input { height: 12px; padding: 4px; width: 200px; margin-left: 20px; }

button { cursor: pointer; }

#commentform { }
#commentform label { text-align: left; width: 310px; }
#commentform textarea { border: 1px solid silver; color: #69C; padding: 2px; font-size: 11px;}
#commentform button { padding: 3px; }

.content .category { background: url(images/bonhomme-jaune.png) no-repeat transparent left 40px; width: 650px; min-height: 150px; padding-left: 75px;  }
.content .category .topBulle { background: url(images/bulle_top.png) no-repeat transparent; width: 650px; height: 40px; }
.content .category .middleBulle { background: url(images/bulle_middle.png) repeat-y transparent; padding-left: 40px; }
.content .category .middleBulle p { width: 490px; }
.content .category .bottomBulle { background: url(images/bulle_bottom.png) no-repeat transparent; height: 49px; position: relative; top: -15px; }

/** Commentaires **/
cite.fn { text-transform: none; }

#page .content .commentlist { list-style: none; margin: 10px; padding: 10px;  }
.commentlist li { border-bottom: 1px dotted silver; border-top: 1px dotted silver; margin: 0; padding: 10px;}
.commentlist li.odd { background-color: #FAFAFA; border: 0; }

#page .content .commentlist ul li { margin-bottom: 0; background: transparent url(images/puce.png) no-repeat scroll 15px 8px; padding-top: 0; padding-bottom: 0; padding-left: 30px; }

/** WP-Print style **/
#page .content .printlink { float: right; margin-right: 15px; margin-top: -4px; vertical-align: middle; }
#page .content .printlink a { text-decoration: none; }
#page .content .printlink img { float: right; background-color: transparent; margin-top: 0; margin-left: 15px; border: 0; padding: 0; vertical-align: middle; padding-top: 4px; }


/** WP-Print end style**/

/** IE6 hacks **/
* html .content .categoryDescription { background: url(images/note.png) no-repeat transparent; width: 500px; height: 125px; padding-left: 40px; padding-top: 30px;}
* html .content .categoryDescription p { width: 500px; position: relative; left: 63px; }

/** IE7 hacks **/
*+html #header { margin-bottom: 10px;  }
*+html .content h2 { line-height: 24px;  }
*+html #sidebar { position: absolute; left: 265px; top: 280px; }

*+html ul li * {vertical-align: bottom; }  

#page .topcontent h1{ float: left; }
.post .entry { clear: both; }

#aboutItem p { line-height: 16px; font-size: 11px; }
#page #sidebar h6 { margin-top: 30px; }


.postdate { float: left; display: block; margin: -3px 10px 0 0; background: url(images/calendrier.png) no-repeat;
width: 45px; height: 50px; font-family: Arial; font-size: 11px; line-height: 1.4em;}
.bgdate { background: #7788AA; width: 43px; height: 44px; float: right; margin: 0 10px 10px 20px; }
.postdate .month { color:white; text-transform: uppercase; text-align: center; margin-bottom: 3px;
margin-top: 3px; font-weight: bold; padding-right: 1px; }
.postdate .day { color:black; text-align: center; font-size: 1.5em; padding-right: 1px; }
.postdate .year { color:#aeaeae; text-align: center; margin-top: -3px; padding-right: 1px; }

#page .content p.center, .center { text-align: center; }

.piclenselink { display: none; }
#content .ngg-galleryoverview  { width:620px; margin: auto; }

.center { text-align: center; }
.right { text-align: right; }