/*

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: 25px 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: 205px; left: 5px; width: 995px; overflow: hidden; }

/* HACK OPERA */

div.column-menu

{ top: 165px; }

/* HACK IE6 */

* html div.column-menu

{ top: 110px; }

/* HACK IE7 */

*:first-child+html div.column-menu

{ top: 110px; }

div.column-main

{ float: left; margin: 40px 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-3.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.png") no-repeat right top; }


#header div.header-right

{ background: url("header-left-3.png") white no-repeat -2px 0px; height: 168px; }


#header h3 a

{ position: absolute; margin: 13px 0px 0px 455px; display: block; width: 439px; height: 120px; background: url("header-site-logo-3.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  img.navimg

{ width: 100px;  }



#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

{ margin: 5px; position: relative; }

/*{ background: url("header-back.png") repeat-x left top; margin: 5px; position: relative; }*/


#header h3 a, #header h4
{ overflow: hidden; }

#header h3 a span, #header h4 a span, #header h5 a span
{ display: none; }

#header h4 a
{ position: absolute; top: 137px; left: 822px; width: 171px; height: 24px; background: url(header-site-logo-ce.png) no-repeat; display: block;}

#header h5 a
{ position: absolute; margin : -83px -828px; width: 457px; height: 195px; display: block; outline: none;}





#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: 1px; color: white; text-decoration: none; font-weight: bold; background: none; }

#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; }