/* @override http://www.netmedia.fr/wp-content/themes/mimbo2.2_(niss)_Slide/style.css */

/*  
Theme Name: mimbo2.2_(niss)_Slide
Theme URI: http://www.darrenhoyt.com/2007/08/05/wordpress-magazine-theme-released/
Description: A magazine-style layout for Wordpress. Traduction Française : <a href="http://www.niss.fr">(niss.fr)</a>.
Version: 2.2
Author: Darren Hoyt
Author URI: http://www.darrenhoyt.com/2007/08/05/wordpress-magazine-theme-released/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php



/* HTML Elements */
* { margin:0; padding:0; }
body,html { min-height:101%; }
body { background:#F6F7F4; color:#545454; padding:0 0 15px; }
body,select,input,textarea { font:13px Arial, Verdana, Sans-Serif; }
p { margin:0 0 1em 0; }
a:link,a:visited { color:#F39E00; text-decoration:none; }
a:hover,a:active { color:#333; text-decoration:underline; }
hr { display:block; clear:both; height:1px; background:#333; border:0; }
small { font-size:.95em; background:#eef5e1; padding:3px 6px; margin: 1em 0; }
img,a:link img,a:visited img { border:0; }

/* Structure */
#page { width:880px; margin:0 auto; font-size:1em; background:#FFF; padding:10px 25px 35px; border: 1px solid #999; border-top: none; }
#branding { width:625px; padding-bottom:15px; }
.left { float:left; }
.right { float:right; }
#sidebar { width:250px; float:right; }
#leftcol { width:287px; border-right:1px dotted #b6b6b6; padding-right:18px; }
#leftcol,#rightcol,#onglets { margin-top:10px; float:left; }
#rightcol { width:277px; padding-left:18px; margin-top:-2px; }

#header {position: relative;}
#logo {margin: 0 15px 0 0;}
#branding h1 {margin: 0;}
#search {position: absolute; right: 0px; bottom: 20px; }
#search form#searchform {padding: 0;}

/*Subnav */
.subnav li { list-style:none; border-bottom:1px solid #FFF; }
.subnav li a:link,.subnav li a:visited { background:#eef5e1; display:block; padding:4px 4px 4px 8px; border-left:4px solid #e4efd5; }
.subnav li a:hover,.subnav li a:active { background:#e4efd5; text-decoration:none; color:#F39E00; }
.subnav li li a:link,.subnav li li a:visited { border-left:none; }

/*	Headers */
h1 { font:2.5em Georgia, "Times New Roman", Times, serif; font-weight:bold; letter-spacing:-.02em; }
h2 { font:2em Georgia, "Times New Roman", Times, serif;  padding:0; margin:1em 0 0.2em 0; }
h3 { font:1.5em padding:0; margin:0 0 0.2em 0; font-weight:bold;}
h4 { font-size:1.3em; margin-bottom:6px; font-weight:bold;}
#sidebar h2 { font:1.3em Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:.1em; margin-bottom:4px; font-weight:bold; color:#5f5f5f; }
#sidebar h3,#sidebar h2 { border-top:5px solid #BBB; border-bottom:1px solid #BBB; padding:6px 0 6px 2px; margin:22px 0 15px; font-size:1em; }
h3#respond { border-top:1px dotted #b6b6b6; margin-top:25px; padding-top:20px; }
h3#comments { margin-top:32px; }


/* Content */
#content { width:605px; float:left; }
.description { font-size:1.2em; font-weight:bold; font-style:italic; color:#545454; margin:0; }
.feature { background:#F6F7F4; padding:15px; border-bottom:1px dotted #b6b6b6; border-top:1px dotted #b6b6b6; }
.feature:hover { background:#e4efd5; }
.feature p,#rightcol p { margin:0 0 1em; }
.feature img,#rightcol img { padding:1px; border:1px solid #000; }
#leadpic { float:left; margin:0 18px 8px 0; }
#lead { margin-top:22px; }
.title { font-size:1.2em; font-weight:bold; line-height:115%; }
.feature#lead .title { font:1.8em Georgia, "Times New Roman", Times, serif; line-height:100%; display:block; padding-bottom:7px; }
#leftcol .feature { margin-bottom:5px; border-bottom:none; }
#rightcol img { float:left; margin:3px 10px 4px 0; }
#leftcol img { margin-bottom:4px; display:block; }
#rightcol .clearfloat { border-bottom:1px dotted #b6b6b6; padding:12px 0; }
#sidelist li { list-style:none; }
.bullets li { list-style:none; border-bottom:1px solid #FFF; }
#sidelist .bullets li { list-style:square; margin-bottom:5px; line-height:115%; margin-left:22px; }
#sidelist .children { background:#e4efd5; }
#sidelist .children li { list-style:square; margin-left:28px; border-bottom:1px solid #e4efd5; }
#sidelist .children li a,#sidelist .children li a:visited { padding:2px 2px 2px 0; border:0; background:#e4efd5; color:#818d6f; }
#sidelist .children li a:hover,#sidelist .children li a:active { color:#465d23; }
.postmetadata { margin:30px 0; }
#writer { background:#eef5e1; margin:25px 0 15px; padding:12px; clear:both; }
#writer img { padding:1px; border:1px solid #F39E00; float:left; width:80px; }
#writer span { display:block; padding-top:4px; border-top:1px solid #cbd8b4; margin-top:12px; }
#writer p { margin:0; width:482px; }
.entry { padding-bottom:28px; margin: 1em 0 0; }
h3 a:link,h3 a:visited { color:#5f5f5f; }

/*Post Formatting*/
.post-cat { padding-left:0; padding-bottom:0; padding-right:15px; padding-top:0; margin-left:0; margin-bottom:20px; margin-right:0; margin-top:0; border-bottom-width:1px; border-bottom-color:#cccccc; border-bottom-style:solid; width:280px; height:390px; float:left; }
.post-cat hr.clear { visibility:hidden; }
.picleft { float:left; margin:3px 14px 10px 0; border:7px solid #f2f2f2; }
.picright { float:right; margin:3px 0 10px 14px; border:7px solid #f2f2f2; }
.post blockquote { color:#76767a; background:#f2f2f2; padding:6px 14px; margin:18px 35px; border-right:1px solid #DDD; border-bottom:1px solid #DDD; }
.post ul li { list-style:square; margin-bottom:5px; line-height:115%; margin-left:42px; }
.post ol li { margin-bottom:5px; line-height:115%; margin-left:48px; }
#tags { padding:3px; border-bottom:1px solid #DDD; border-top:1px solid #DDD; }

/* Form Elements */
select { background:#f2f2f2; border:1px solid #9c9c9c; width:100%; }
#searchform { padding:16px 5px 0 0; }
.button { padding:1px; background:#000; color:#e7e7e7; border:none; }
.button:hover { background:#777; color:#FFF; text-decoration:none; }
#commentform input { width:170px; margin:5px 5px 1px 0; }
#commentform textarea { width:100%; margin-top:5px; }

/* Comments*/
.commentlist { padding-left:30px; }
.commentlist li { margin:15px 0 3px; padding:8px 15px 10px; background:#f2f2f2; border-top:1px solid #ddd; }
#commentform small { background:#FFF; font-weight:bold; padding:0; }
.commentmetadata { display:block; }
.commentlist small { background:#e9e9e9; }
.commentlist cite { font:1.6em Georgia, "Times New Roman", Times, serif; font-weight:bold; letter-spacing:-.05em; }

/* Float Properties*/
.clearfloat:after { display:block; visibility:hidden; clear:both; height:0; content:"."; }
.clearfloat { display:inline-block; }
.clearfloat { display:block; }

/* Footer*/
#footer { margin:0 auto; width:900px; font-size:.7em; padding-top:15px; color:#545454; }
#footer a { color:#545454; }

/* @group Special Styles */

/* This is based on styles from the Sawchuk scheme for K2 */
.download,.code,.note,.alert,.new,.construction,.information { -moz-border-radius-bottomleft:16px; -moz-border-radius-bottomright:16px; -moz-border-radius-topleft:16px; -moz-border-radius-topright:16px; background-position:15px 10px; background-repeat:no-repeat; font-size:1em!important; line-height:115%; margin:10px auto; padding:10px 10px 10px 50px; text-align:left; }
ul.download,ul.code,ul.note,ul.alert,ul.new,ul.construction,ul.information { font-size:1em!important; line-height:115%; list-style-position:inside; list-style-type:disc; padding:10px 10px 10px 50px; }
ol.download,ol.code,ol.note,ol.alert,ol.new,ol.construction,ol.information { font-size:1em!important; line-height:115%; list-style-position:inside; list-style-type:decimal; padding:10px 10px 10px 65px; }
dl.download,dl.code,dl.note,dl.alert,dl.new,dl.construction,dl.information { font-size:1em!important; line-height:115%; padding:10px 10px 10px 50px; }
dl.download dt,dl.code dt,dl.note dt,dl.alert dt,dl.new dt,dl.construction dt,dl.information dt { font-size:1.2em!important; font-weight:bold; line-height:115%; }
dl.download dd,dl.code dd,dl.note dd,dl.alert dd,dl.new dd,dl.construction dd,dl.information dd { line-height:115%; list-style-type:disc; }
.download { background-color:oldLace; 
/*#002200;*/
background-image:url(images/package_go.png); border:2px solid #008800; }
.download a,.download a:visited { color:green; }
.download a:hover { color:red; }
.code { background-color:oldLace; 
/*#222222;*/
background-image:url(images/application_osx_terminal.png); border:2px solid #888888; font-family:'Courier New',Courier,Fixed; }
.alert { background-color:oldLace; 
/* #220000;*/
background-image:url(images/exclamation.png); border:2px solid #880000; }
.new { background-color:oldLace; 
/* #221100;*/
background-image:url(images/new.png); border:2px solid #884400; }
.construction { background-color:oldLace; 
/* #222200;*/
background-image:url(images/error.png); border:2px solid #888800; }
.information { background-color:oldLace; 
/* #000022;*/
background-image:url(images/information.png); border:2px solid #000088; }
.note { background-color:oldLace; 
/*#222222;*/
background-image:url(images/page_white_text.png); border:2px solid #888888; }
.callout { border-bottom:1px solid #666666; border-top:1px solid #666666; color:#CCCCCC; font-size:1.4em!important; margin:10px 20px; padding:10px; text-align:justify; }

/* @end */

/* @group Special Styles 2 */

/* This is based on styles from the Sawchuk scheme for K2 */
.download2,.code2,.note2,.alert2,.new2,.construction2,.information2 { background-position:15px 10px; background-repeat:no-repeat; font-size:1.2em!important; line-height:115%; margin:10px auto; padding:10px 10px 10px 50px; text-align:left; }
ul.download2,ul.code2,ul.note2,ul.alert2,ul.new2,ul.construction2,ul.information2 { font-size:1em!important; line-height:115%; list-style-type:disc; list-style-position:inside; padding:10px 10px 10px 50px; }
ol.download2,ol.code2,ol.note2,ol.alert2,ol.new2,ol.construction2,ol.information2 { font-size:1em!important; line-height:115%; list-style-type:decimal; list-style-position:inside; padding:10px 10px 10px 65px; }
dl.download2,dl.code2,dl.note2,dl.alert2,dl.new2,dl.construction2,dl.information2 { font-size:1em!important; line-height:115%; padding:10px 10px 10px 50px; }
dl.download2 dt,dl.code2 dt,dl.note2 dt,dl.alert2 dt,dl.new2 dt,dl.construction2 dt,dl.information2 dt { font-size:1.2em!important; font-weight:bold; line-height:115%; }
dl.download2 dd,dl.code2 dd,dl.note2 dd,dl.alert2 dd,dl.new2 dd,dl.construction2 dd,dl.information2 dd { line-height:115%; list-style-type:disc; }
.download2 { background-color:#353; background-image:url(images/package_go.png); border-bottom:2px solid #383; border-top:2px solid #383; }
.download2 a,.download2 a:visited { border-bottom:2px dotted #3F3; color:#3F3; text-decoration:none!important; }
.download2 a:hover { border-bottom:2px dotted #3C3; color:#3C3; text-decoration:none!important; }
.code2 { 
/* use p class=code2 when you want to fake it, sometimes handy */
background-color:#444; background-image:url(images/application_osx_terminal.png); border-bottom:2px solid #AAA; border-top:2px solid #AAA; font-family:'Courier New', Courier, Fixed; }
.alert2 { background-color:#533; background-image:url(images/exclamation.png); border-bottom:2px solid #F33; border-top:2px solid #F33; }
.new2 { background-color:#643; background-image:url(images/new.png); border-bottom:2px solid #F93; border-top:2px solid #F93; }
.construction2 { background-color:#553; background-image:url(images/error.png); border-bottom:2px solid #FF3; border-top:2px solid #FF3; }
.information2 { background-color:#335; background-image:url(images/information.png); border-bottom:2px solid #33F; border-top:2px solid #33F; }
.note2 { background-color:#444; background-image:url(images/page_white_text.png); border-bottom:2px solid #AAA; border-top:2px solid #AAA; }

/* @end */

/* TABS */

/* HOME CATEGORY TABS (also see tabs section at bottom of stylesheet) */
#home #home-categories { clear:left; float:left; display:block; width:610px; margin:0 0 10px; }
.tabs-block { clear:left; float:left; width:300px; padding:0; margin:0 0 10px; display:block; }
.tabbed { width:100%; overflow:hidden; padding:0; margin:0; background:transparent; border:none; }
.tabbed ul.tabs { overflow:hidden; display:block; position:relative; top:0; left:0; z-index:999; list-style-type:none; margin:0; padding:0; width:100%; background:transparent; }
.tabbed ul.tabs li { display:inline; float:left; padding:0; margin:0 .3em 0 0; }
.tabbed ul.tabs li a { font-weight:bold; display:block; margin:0; padding:5px .8em; background:#EEF5E1; 
/* #eee;*/
border:1px solid #ccc; }
.tabs-block ul.tabs li a { padding:5px .7em; }
.tabbed ul.tabs li a:hover { background:#e4efd5; text-decoration:none; }
.tabbed ul.tabs li a.tab-current { background:#fff; border-bottom:1px solid #fff; }
.tabs-block .tabbed div,#home .tabbed .c { overflow:hidden; display:block; position:relative; left:0; top:-1px; z-index:0; clear:left; width:100%; margin:0; padding:5px 0; border:1px solid #ccc; background:#fff; display:none; }
div.t2,div.t3,div.t4,div.t5,div.c2,div.c3,div.c4,div.c5,div.c6,div.c7,div.c8,div.c9,div.c10 { display:none; }
.tabs-block .tabbed div.t1,#home .tabbed div.c1 { display:block; }
.tabs-block .tabbed div { width:298px; }
.tabbed div ul { overflow:hidden; padding:4px 0 2px; margin:0; background:#fff; }
.tabbed div ul li { clear:left; background:transparent; }
.tabbed div ul li a { font-weight:normal; width:97%; display:block; padding:2px 0 2px 12px; background:transparent; border:none; }
.tabbed div ul li a:hover { text-decoration:underline; }

/* HOME CATEGORIES TABS */
#home-categories { overflow:hidden; }
#home .tabbed .c { width:608px; }
.tabbed .post { float:left; clear:none; width:47%; margin:5px 1%; padding:0; }

/* gestion des images dans les onglets!!!! Ajout STEF */
.tabbed .post img { float:left; margin:3px 10px 4px 0; border:1px solid #000000; padding:1px; }

/* fin ajout stef */
.tabbed .post h3 { width:97%; font-size:1em; margin:0 0 0 5px; padding:0; text-transform:capitalize; }
.tabbed .post h3 a { font-weight:bold; font-size:1.2em; font-family:Arial,Helvetica,sans-serif; letter-spacing:0; color:#F39E00; }
.tabbed .post h3 a:hover { font-weight:bold; color:#000000; }
.tabbed .post .entry { margin:0 0 0 5px; padding:0; }
.tabbed .post .entry p { margin:0; padding:0; }

/* image dans archives catégorie!!!!  */
.post2 a img { float:left; margin:3px 10px 4px 0; border:1px solid #000000; padding:1px; }
#featured { padding:5px; }
#myGallery { margin:4px; font-size:18px; }
#introIMG { width:150px; height:150px; float:left; margin-right:8px; overflow:hidden; }
#introIMG img { border:none; padding:4px; border:1px solid #BDBDBD; }

/* pour l'affichage des images */
img.center,a img.center { display:block; margin-left:auto; margin-right:auto; border:1px solid #D5E6AC; padding:3px; background:#FFFFFF; }
a:hover img.center { border-color:#FF6600; background:#FF6600; }
.alignleft { float:left; }
img.alignleft,a img.alignleft { float:left; margin:4px 10px 5px 0; border:1px solid #D5E6AC; padding:3px; background:#FFFFFF; }
a:hover img.alignleft { border-color:#FF6600; background:#FF6600; }
.alignright { float:right; }
img.alignright,a img.alignright { float:right; margin:4px 10px 5px 0; border:1px solid #D5E6AC; padding:3px; background:#FFFFFF; }
a:hover img.alignright { border-color:#FF6600; background:#FF6600; }