/*
Theme Name: Ecureuil2k9
Theme URI: http://skyregie.com/
Description: Le thème ecureuil 2k9 designé par Luc.
Version: 0.1
Author: Skyregie
Tags: ecureuil, skyregie, fixed width, two-three columns, widgets
*/

/*@import url(habillage.css);*/

/**
 * Common, layout and root
 */
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, form, a, dl, dt, dd
{ margin: 0px; padding: 0px; list-style: none; border: 0px; font-size: 100%; }
div.body
{ padding: 22px 0px 8px 0px; }
#body
{ width: 1005px; position: relative; }
body
{ background: white; color: black; }
div.column-side
{ float: right; width: 215px; margin-top: 52px; overflow: hidden; }
div.column-menu
{ position: absolute; top: 105px; left: 5px; width: 995px; overflow: hidden; }
/* HACK OPERA */
div.column-menu
{ :;top:105px; }
/* HACK IE6 */
* html div.column-menu
{ top: 110px; }
/* HACK IE7 */
*:first-child+html div.column-menu
{ top: 110px; }
div.column-main
{ float: left; margin: 52px 0px 0px 0px; width: 785px; overflow: hidden; }
div.column-iframe
{ margin-top: 52px; }
div.column-next
{ float: left; width: 475px; }
div.column-video
{ float: right; width: 304px; }
div.column-comment
{ clear: left; }
div.end
{ clear: both; }
#footer
{ clear: both; }
a img
{ border: 0px; }

/**
 * Border design
 */
div.back-border-left-right
{ background: url("back-border-left-right.png") repeat-y center top; }
div.back-border-top
{ background: url("back-border-top-2.png") no-repeat center top; }
div.back-border-bottom
{ background: url("back-border-bottom.png") no-repeat center bottom; }
div.back-center
{ margin: 0px auto; width: 1005px; overflow: hidden; }
* html div.back-border-bottom
{ text-align: center; }
* html div.back-center
{ text-align: left; }
div.back-inside-top-right
{ background: url("back-inside-top-right-2.png") no-repeat 584px 30px; }
div.menu-right
{ background: url("menu-right-2.png") no-repeat right top; }
#header div.header-right
{ background: url("header-right-2.png") no-repeat top right; }
#header h3 a
{ display: block; width: 223px; height: 95px; background: url("header-site-logo-2.png") no-repeat; }

/*

div.back-inside-top-right
{ background: url("back-inside-top-right-2.png") no-repeat top right; }
div.back-border-left-right
{ width: 1060px; }
div.back-border-right-extended
{ background: url("back-border-right-extended-2.png") no-repeat 1042px top; }
*/

/**
 * Font, typo, size
 */
body
{ font-size: 15px; }
input, textarea, select, dt, *
{ font-family: arial, sans-serif; }
#menu, #footer, #side
{ font-family: arial, sans-serif; font-size: 0.9em; }
#content p, #content li, #content h1, #content h2, #content h3, #content h4, #content h5, #content h6
{ font-family: arial, sans-serif; line-height: 150%; }
#content div.post h2, #content div.post h3, #content div.post h4, #content div.post h5, #content div.post h6, #content div.page h2, #content div.page h3, #content div.page h4, #content div.page h5, #content div.page h6
{ font-size: 1.3em; margin: 10px; }

/**
 * Design contenu pour les post
 */
#content div.post p.tag,
#content div.page p.tag
{ font-size: 0.8em; color: #444; }
#content div.post p.date,
#content div.page p.date
{ font-size: 0.8em; color: #444; }
#content div.post p.tag a,
#content div.page p.tag a
{ color: #444; }
#content div.post p.category,
#content div.page p.category
{ font-size: 0.8em; color: #444; clear: left; float: left; }
#content div.post p.category a,
#content div.page p.category a
{ color: #444; }
#content div.post div.content
{ clear: left; }
#content div.first-post
{ padding: 5px 5px 5px 0px; }
#content div.post h1,
#content div.page h1
{ font-size: 31px; font-weight: normal; }
#content div.next-post
{ clear: left; }
#content div.next-post div.big-image
{ text-align: center; vertical-align: middle; width: 475px; height: 100px; overflow: hidden; }
#content div.next-post div.big-image img
{ position: relative; top: -45px; width: 475px; height: 183px;}
/* HACK IE6 */
* html #content div.next-post div.big-image img
{ height: 100px; top: 0px; }
/* HACK IE7 */
*:first-child+html #content div.next-post div.big-image img
{ height: 100px; top: 0px; }
#content div.post h1,
#content div.page h1
{ font-weight: bold; margin: 10px; width: 440px; font-size: 50px; line-height: 110%; }
/* HACK IE6 */
* html #content div.first-post h1
{ width: 410px; }
#content div.next-post h1
{ font-weight: bold; margin: 10px; width: 455px; font-size: 50px; line-height: 110%; }
#content div.next-post-double h1
{ font-weight: bold; margin: 10px; width: 215px; font-size: 50px; line-height: 110%; }
#content div.post h1 a,
#content div.page h1 a
{ text-decoration: none; color: black; }
#content div.post h1 span,
#content div.page h1 span
{ display: block; line-height: 110%; }
#content div.post p,
#content div.page p,
#content div.post dl,
#content div.page dl
{ margin: 10px; font-size: 0.8em; }
#content div.post dt,
#content div.page dt
{ font-weight: bold; margin: 10px 0px 0px 0px; }
#content div.post dd,
#content div.page dd
{ margin: 0px 0px 10px 10px; }
#content div.post li,
#content div.page li
{ list-style: disc inside; padding-left: 20px; font-size: 0.8em; }

#content div.next-post
{ padding: 5px 0px; border-bottom: solid 3px #ccc; margin: 5px 0px; }
#content div.next-post p.tag
{ float: left; }
#content div.next-post p.date
{ float: right; }
#content div.first-post p.tag
{ margin-bottom: 0px; }
#content div.first-post p.date
{ margin-top: 0px; margin-bottom: 0px; }
#content div.first-post p.category
{ margin-top: 0px; }
#content div.next-double-post
{ float: left; width: 475px; border-bottom: solid 3px #ccc; margin-bottom: 5px; }

#content div.next-post-left
{ padding: 5px 0px; margin: 0px; width: 235px; float: left; }
/* HACK IE6 */
* html #content div.next-post-left
{ overflow: hidden; }
#content div.next-post-right
{ padding: 5px 0px; margin: 0px; width: 235px; float: right; }
/* HACK IE6 */
* html #content div.next-post-right
{ overflow: hidden; }
#content div.next-post-left div.big-image img,
#content div.next-post-right  div.big-image img
{ width: 235px; height: 90px; }
#content div.next-post-left div.post h1,
#content div.next-post-right div.post h1
{ font-weight: bold; margin: 10px; width: 225px; font-size: 50px; line-height: 110%; }
#content div.next-post-left div.post p.date,
#content div.next-post-right div.post p.date
{ float: left; margin-top: 0px; }
#content div.next-post-left div.post p.tag,
#content div.next-post-right div.post p.tag
{ margin-bottom: 0px; }

#content div.post div.content p a,
#content div.page div.content p a
{ color: #600; }
#content div.navigation
{ clear: left; width: 475px; }
#content div.navigation p.prev-post,
#content div.navigation div.alignleft
{ margin: 10px; float: left; }
#content div.navigation p.next-post,
#content div.navigation div.alignright
{ margin: 10px; float: right; }
#content div.navigation a
{ color: #600; }

#content span.vvqbox
{ margin: 10px 0px; }
body.article #content span.vvqbox
{ margin: 10px; }
#content div.column-video span.vvqbox
{ margin-top: 0px; }

/**
 * Design contenu pour les vieux post
 */
#content div.image.droite,
#content div.image.gauche
{ display: none; }

/**
 * Design contenu
 */
#content h3
{ margin: 10px; }

/**
 * Design contenu specifique
 */
body.home #content div.first-post
{ background: #e5e5e5; padding: 5px 5px 5px 0px; }
body.article #content div.post,
body.page #content div.page
{ border-bottom: solid 1px #ea8720; }
body.article #content div.post p.tag
{ margin-bottom: 0px; }
body.article #content div.post p.category
{ margin-top: 0px; }
body.article #content div.navigation
{ width: 100%; }


/**
 * Design contenu commentaires
 */
#content ol.commentlist
{ font-size: 0.8em; }
#content ol.commentlist li
{ margin: 0px 10px 0px 10px; clear: left; padding-top: 20px; }
#content ol.commentlist li a
{ color: #600; }
#content ol.commentlist div.avatar
{ float: left; margin-right: 10px; }
#content ol.commentlist div.author
{ float: left; font-size: 0.9em; margin-right: 10px; }
#content ol.commentlist div.meta
{ font-size: 0.9em; margin-right: 10px; }
#content ol.commentlist cite
{ display: block; }
#content ol.commentlist div.author p,
#content ol.commentlist div.meta
{ height: 16px; line-height: 16px; overflow: hidden; }
#comments
{ clear: both; }
#content ol.commentlist li:first-child
{ padding-top: 0px; }
#comments h3
{ margin-bottom: 0px; }

/**
 * Design de la colonne video
 */
div.column-video
{ margin-bottom: 20px; }
div.column-video dt
{ background: #e5e5e5; margin-top: 10px; padding: 10px 12px 0px 12px; border-top: solid 1px #cdcdcd; color: #eb7902; font-weight: bold; line-height: 100%; }
div.column-video dt a
{ color: #eb7902; }
div.column-video dd
{ background: #e5e5e5; padding: 10px; }
div.column-video li
{ background: white; font-size: 0.8em; padding: 4px 6px; }
div.column-video li a
{ color: #600; }

/**
 * Design contenu sondage
 */
#content div.wp-polls
{ float: right; margin: 20px 20px 20px 0px; width: 300px; border-left: solid 1px #ea8720; }
#content div.wp-polls p
{ margin: 5px 0px 5px 10px; }
#content div.wp-polls p, #content div.wp-polls li
{ font-size: 0.9em; line-height: 120%; }
#content div.wp-polls li
{ margin: 10px 10px; padding: 0px; }
#content div.wp-polls ul
{ background: #eaeaea; padding: 1px 0px; width: 100%; border: solid 1px #dcdcdc; }
#content div.wp-polls p.titre
{ font-size: 1.2em; color: #eb7902; font-weight: bold; }
#content div.wp-polls p.question
{ font-size: 1.2em; }
#content div.wp-polls li i
{ display: block; background: white; font-style: normal; padding: 2px 4px; }
#content div.wp-polls p.button
{ text-align: center; }
#content div.wp-polls p.result
{ text-align: right; position: relative; top: -22px; margin-bottom: -22px; font-size: 0.8em; width: 100%; }
#content div.wp-polls p.result a, #content div.wp-polls p.vote-now a
{ color: #777; }
#content div.wp-polls p.vote-now
{ text-align: right; font-size: 0.8em; width: 100%; }
#content div.wp-polls p.nbr-result
{ margin-top: 0px; color: #777; }

/**
 * Design formulaire commentaire
 */
#respond
{ clear: left; margin-left: 10px; }
#respond a
{ color: #600; }
#respond h3
{ margin-left: 0px; }
#respond div.comment-form-button-bar ul
{ position: relative; }
#respond div.comment-form-button-bar li
{ float: left; height: 24px; }
#respond div.comment-form-button-bar li.skyrock span.logo
{ background: url("logo-skyrock.png") no-repeat; padding-left: 82px; height: 20px; line-height: 20px; }
#respond div.comment-form-button-bar li.skyrock span.logo span
{ display: none; }
#respond div.comment-form-button-bar li.none
{ position: absolute; left: 300px; }
#respond form
{ }
#comment-manual
{  }
#respond textarea
{ width: 550px; height: 150px; font-size: 0.7em; }

/**
 * Design du formulaire de connexion skyrock
 */
#comment-skyrock
{ float: right; }
#comment-skyrock div
{ background: url("skyrock-connect.png") no-repeat; height: 109px; width: 334px; overflow: hidden; }
#comment-skyrock p
{ font-size: 0.75em; margin: 5px; line-height: 120%;  }
#comment-skyrock p span.logo
{ background: url("logo-skyrock.png") no-repeat; padding-left: 82px; height: 20px; line-height: 20px; }
#comment-skyrock p span.logo span
{ display: none; }
#comment-skyrock label
{ font-size: 0.9em; }
#comment-skyrock input.skyrock-pseudo,
#comment-skyrock input.skyrock-password
{ width: 100px; }
#comment-skyrock label.skyrock-pseudo,
#comment-skyrock label.skyrock-password
{ margin-left: 5px; width: 100px; float: left; display: block; padding-top: 2px; }
#comment-skyrock label.skyrock-password
{ padding-top: 6px; }
#logged-skyrock
{ float: right; margin-left: 10px; margin-bottom: 20px; }
#logged-skyrock div
{ background: url("skyrock-connected.png") no-repeat; height: 170px; width: 119px; overflow: hidden; }
#logged-skyrock p
{ font-size: 0.8em; margin: 5px; line-height: 110%; text-align: center; }
#logged-skyrock img
{ margin-top: 5px; }
#comment-skyrock input.skyrock-submit
{ border: none !important; background: url("button.png") 0px -58px no-repeat; width: 93px; height: 29px; overflow: hidden; color: white; font-weight: bold; font-size: 0.9em; }

/**
 * Design pour les entetes des pages
 */
div.column-header
{ background: #eaeaea; }
div.column-header h3
{ color: #555; padding: 4px 0px 2px 0px; margin-top: 0px; }

/**
 * Override wp-poll plugins style
 */
.wp-polls .Buttons
{ border: none !important; background: url("button.png") no-repeat; width: 93px;  height: 29px; overflow: hidden; color: white; font-weight: bold; font-size: 1.0em; }
.wp-polls-loading
{ display: block !important; text-align: left !important; position: relative; top: 16px; margin-top: -16px; left: 600px; margin-left: -600px; }
body.article .wp-polls .Buttons
{ background-position: 0px -29px; }

/**
 * most-commented plugins style
 */
dd.most-commented ol li
{
	list-style: decimal inside;
}

/**
 * Header design and sizing
 */
#header
{ background: url("header-back.png") repeat-x left top; margin: 5px; position: relative; }
#header h3 a
{ overflow: hidden; }
#header h3 a span
{ display: none; }
#header h4
{ position: absolute; top: 10px; left: 830px; font-size: 0.8em; font-weight: normal; color: white; }

#header ul.rss
{ position: absolute; top: 30px; left: 830px; background: white url("header-rss-corner-top-right.png") no-repeat top right; }
#header ul.rss li
{ background: url("icon-rss.png") no-repeat 5px center; padding: 3px 22px 3px 26px; font-size: 0.8em; }
#header ul.rss li a
{ color: #600; }
#header h5
{ position: absolute; top: 55px; left: 830px; font-size: 0.8em; font-weight: normal; color: white; }

#header ul.web2 
{ position: absolute; top: 65px; left: 830px; }

#header ul.web2 li 
{ float:left; margin:7px 7px 0px 0px; width:16px; height:16px; overflow:hidden;}
#header ul.web2 li a 
{ display:block; width:16px; height:16px;}

#header ul.web2 li a span{
  color:red;
  display:none;
}

#header ul.web2 li.facebook a
{  background:url("FaceBook-icon.png") no-repeat ; }
#header ul.web2 li.twitter a
{ background:url("Twitter-icon.png") no-repeat ; }
#header ul.web2 li.youtube a
{ background:url("Youtube-icon.png") no-repeat ; }




/**
 * Footer design and sizing
 */
#footer
{ background: url("header-back.png") repeat-x left top; margin: 5px; height: 95px; }
#footer div.footer-inside
{ padding: 5px; }
#footer ul
{ height: 21px; overflow: hidden; background: white; }
#footer ul li
{ float: left; height: 21px; line-height: 21px; padding: 0px 8px; }
#footer ul li a
{ color: #600; }

/**
 * Menu design and sizing
 */
div.menu-center
{ background: url("menu-back.png") repeat-x left top; }
div.menu-left
{ background: url("menu-left.png") no-repeat left top; }
div.menu-inside
{ padding: 4px; }
#menu, #menu ul
{ height: 27px; overflow: hidden; }
#menu li
{ float: left; height: 27px; }
/* HACK IE6 */
* html #menu li
{ width: 140px; }
#menu li a
{ display: block; height: 27px; line-height: 27px; padding: 0px 22px; margin-right: 10px; color: white; text-decoration: none; font-weight: bold; }
#menu li a:hover
{ background: url("menu-back-selected.png") repeat-x left top; }

#menu #fbLikeIframe .fbLikeContainer
{display: hidden;}
/**
 * Sidebar design and sizing
 */
div.side-back
{ }
#side
{ }

/**
 * Widget
 */
li.widget
{ margin-bottom: 15px; }
li.widget h1,
li.widget h2,
li.widget h3,
li.widget h4,
li.widget h5,
li.widget h6
{ font-size: 1.3em; color: #eb7902; }
li.widget h2,
li.widget h4,
li.widget h6
{ color: black; }
li.widget h1,
li.widget h2
{ font-size: 1.5em; }
li.widget h5,
li.widget h6

/**
 * Widget Display Page
 */
{ font-size: 1.1em; }
div.widget-display-page div.content ul
{ padding: 0px 5px 5px 10px; }
div.widget-display-page div.content li
{	list-style: disc inside; }
div.widget-display-page a
{ color: #600; }
div.display-page-2,
div.display-page-4,
div.display-page-0
{ background: url("widget-center.png") repeat-y left top; }
div.display-page-2 div.top,
div.display-page-4 div.top,
div.display-page-0 div.top
{ background: url("widget-top.png") no-repeat left top; }
div.display-page-2 div.bottom,
div.display-page-4 div.bottom,
div.display-page-0 div.bottom
{ background: url("widget-bottom.png") no-repeat left bottom; }
div.display-page-2 div.content,
div.display-page-4 div.content,
div.display-page-0 div.content
{ padding: 10px; }

div.display-page-1 div.content,
div.display-page-3 div.content,
div.display-page-5 div.content
{ padding: 0px 10px; }

div.widget-display-page select
{ width: 185px; }

/**
 * Widget commentaire recent avec avatar
 */
div.recents-comments-widget
{ font-size: 12px; line-height: 16px; }
div.recents-comments-widget li
{ margin: 10px 0px; clear: left; overflow: hidden; }
div.recents-comments-widget li a
{ color: #600; }
div.recents-comments-widget div.avatar
{ float: left; margin-right: 5px; margin-bottom: 10px; }
div.recents-comments-widget div.avatar img
{ width: 48px; height: 48px; }
div.recents-comments-widget div.comment-meta,
div.recents-comments-widget cite
{ margin-right: 5px; }

/**
 * Archives
 */
#archives h2, #archives-2 h2
{ font-size: 1.1em; }
#archives a, #archives-2 a
{ color: #900; font-size: 0.8em; }

/**
 * Tag cloud
 */
#tag_cloud a, #tag_cloud-2 a
{ color: #900; }

/**
 * Recherche
 */
#side div.search-bloc
{ background: url("searchform.png"); width: 212px; height: 114px; }
div.search-bloc label
{ overflow: hidden; width: 91px; height: 13px; position: absolute; margin: 16px 0px 0px 11px; display: block;}
div.search-bloc #s
{ position: absolute; margin: 38px 0px 0px 11px; width: 186px; height: 22px; }

div.search-bloc p.button
{ text-align: center; }
div.search-bloc .Buttons
{ border: none !important; background: url("button.png") 0px -29px no-repeat; width: 93px; height: 29px; overflow: hidden; color: white; font-weight: bold; font-size: 1.0em; position:relative; top: 68px; }

/**
 * Envoyer amis skyrock
 * Envoyer sur mon blog
 */
#send-to-skyrock, #send-to-blog
{ margin: 10px; font-size: 0.9em; }
#send-to-skyrock p, #send-to-blog p
{ font-size: 0.9em; margin: 5px !important; }
#send-to-skyrock input.submit, #send-to-blog input.submit
{ border: none !important; background: url("button-long.png") 0px -29px no-repeat; width: 223px; height: 29px; overflow: hidden; color: white; font-weight: bold; font-size: 0.9em; margin-top: 5px; }
#send-to-skyrock div.box input.submit, #send-to-blog div.box input.submit
{ border: none !important; background: url("button-long.png") 0px -58px no-repeat; width: 223px; height: 29px; overflow: hidden; color: white; font-weight: bold; font-size: 0.9em; margin-left: 5px; }
#send-to-skyrock div.box, #send-to-blog div.box
{ background: url("skyrock-connect.png") no-repeat; height: 109px; width: 334px; overflow: hidden; }
#send-to-skyrock input.skyrock-pseudo, #send-to-blog input.skyrock-pseudo,
#send-to-skyrock input.skyrock-password, #send-to-blog input.skyrock-password
{ width: 100px; }
#send-to-skyrock label.skyrock-pseudo, #send-to-blog label.skyrock-pseudo,
#send-to-skyrock label.skyrock-password #send-to-blog label.skyrock-password
{ margin-left: 5px; width: 100px; float: left; display: block; padding-top: 2px; }
#send-to-skyrock label.skyrock-password, #send-to-blog label.skyrock-password
{ padding-top: 6px; margin-left: 5px; }
#send-to-skyrock p.erreur, #send-to-blog p.erreur
{ color: #900; font-weight: bold; }
#content p.send-friend-ok, #content p.send-blog-ok
{ color: #900; font-weight: bold; }

/**
 * Plugins de vote
 */
#content div.rate
{ font-size: 0.8em; margin-left: 10px; margin-bottom: 10px;}
#content div.rate .post-ratings-image,
#content dd.post-list .post-ratings-image
{ vertical-align: bottom; }
#content div.post-ratings img
{ vertical-align: bottom; }

/**
 * Plugins FaceBook Like
 */ 
#content iframe.fbLikeContainer
{ border: 0; display:inline; margin-left: 10px; margin-bottom: 10px;}


/**
 * Addthis
 */
#content div.addthis
{ margin: 10px; }

div.ecureuil-fr
{ background: #f7921e; color: black; }
div.ecureuil-fr a
{ color: black !important; }

/**
 * Facebook et skyrock connect
 */
#fbc_login
{ margin: 0px 0px 8px 10px !important; padding: 0px !important; float: none !important; }
#sky_login
{ float: left; margin: 0px 10px 8px 0px; }
#logged-skyrock img.FB_profile_pic
{ width: 100px !important; height: 100px !important; }
#logged-skyrock div.avatar-32
{ background: none; height: 100px; width: 100px; padding: 0px; margin: 0px; border: none; padding-left: 5px; }