/*
Theme Name: Capitaineplouf.fr
Theme URI: http://www.capitaineplouf.fr/
Description: Le thème du site capitaineplouf.fr.
Version: 1.6
Author: Benoit Beauchaine (conception/design) et Sébastien Méric (développement/intégration).
*/
/** Reset **/
body{margin:0;padding:0;border:0;/*font-size:100%;*/line-height:1.4em} /* 16x1.4=22.4px */
/* Textes */
blockquote,code,h1,h2,h3,h4,h5,h6,p,pre{margin:0;padding:0}
abbr,acronym{border:0;font-variant:normal}
address,cite,code,dfn,em,strong,var{font-style:normal;font-weight:normal}
blockquote:before,blockquote:after,q:before,q:after{content:''}
/*blockquote,q{quotes:'' ''}*/
code,kbd,pre,samp,tt{font-size:115%;font-family:monospace}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;line-height:1.2em}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
del,ins{text-decoration:none;}
/* Liens */
a,a *{cursor:pointer}
/* Listes */
dd,dl,dt,ol,ul,li{margin:0;padding:0}
ol,ul,dl{text-align:left}
li{list-style:none}
/* Formulaires */
button,fieldset,form,input,legend,textarea{margin:0;padding:0}
fieldset{border:0}
button,input,optgroup,option,select,textarea{font-style:normal;font-weight:normal;font-size:16px}
button,input[type=button],input[type=submit],input[type=reset]{height:1.8em} /* 16x1.8=28.8px */
/* Tableaux : mettre 'cellspacing="0"' dans la table */
table{border-collapse:collapse;border-spacing:0;font-size:inherit}
td,th{margin:0;padding:0}
caption,th{font-style:normal;font-weight:normal;text-align:left}
/* Autres */
div{margin:0;padding:0;background-color:transparent;text-align:left}
hr,img{border:0}
applet,iframe,object{border:0;margin:0;padding:0}
/** Paramètrages de base **/
/* Fond de page */
body{background-color:white}
/* Textes */
body,button,input,optgroup,option,select,textarea{font-family:arial,helvetica,verdana,"Bitstream Vera Sans",clean,sans-serif;font-size:12px;color:black}
strong{font-weight:bold}
em{font-style:italic}
/*ins{text-decoration: none}*/
del{text-decoration:line-through}
/* Titres */
h1{font-size:28px}
h2{font-size:26px}
h3{font-size:24px}
h4{font-size:22px}
h5{font-size:20px}
h6{font-size:18px}
/* Liens */
/* LVHA order :link, :visited, :hover, :focus, :active */
a,a:link,a:active,a:visited{text-decoration:none;color:blue}
a:focus,a:hover{text-decoration:underline;color:blue}
/** Utils **/
/**
* Pour le curseur "pointer" sur les boutons de formulaite
* label : marche pas sur safari...
**/
button,input[type=button],input[type=image],input[type=reset],input[type=submit],label{cursor:pointer}
/**
* Pour cacher le texte replacé par une image
**/
.hidden{position:absolute;left:-9999px}
/*.hidden{display:none}*/
/**
* Force l'assenceur de scroll vertical sur FF.
* Evite les sauts lors de la navigation entre une page avec et une page sans barre de scroll
* dans les sites centrés horizontalement.
**/
body{height:101%}
html{overflow-y:scroll;}
/**
* Saut de ligne sur toute la largeur du contener
**/
.spacer{clear:both;font-size:0;line-height:0;display:block;height:0}
/** Paramétrages spécifiques **/
/* Layout */
#outer-container{text-align:center}
#inner-container{width:980px;margin:0 auto}
#header{height:170px;position:relative}
#header-logo{position:absolute;left:3px;top:18px}
#header-recherche{position:absolute;right:0;top:84px;overflow:hidden;clear:both}
#searchform{float:right}
#header-rss{float:right}
#header-nav{position:absolute;left:0;top:120px;height:50px;width:100%;overflow:hidden;clear:both}
#main{overflow:hidden;clear:both}
#content{width:710px;float:left}
.post,.page{overflow:hidden;clear:both}
.illustration{float:left;width:420px}
.outer-texte{float:left;width:290px}
.inner-texte{margin:20px}
#outer-sidebar{width:270px;float:left}
#inner-sidebar{margin:20px 0 0 20px}
#content-friends{overflow:hidden;clear:both}
#outer-friends-music,
#outer-friends-video,
#outer-friends-artists{float:left;width:245px}
#outer-friends-nobodyz{float:left;width:245px}
#inner-friends-music,
#inner-friends-video,
#inner-friends-artists{padding:130px 10px 10px;margin:1px 1px 0 0}
#inner-friends-nobodyz{padding:130px 10px 10px;margin-top:1px}
#bottom-nav{overflow:hidden;clear:both}
#navigation{overflow:hidden;width:710px;float:left;margin:1px 0 1px}
#prev{width:355px;float:left}
#next{width:355px;float:right}
#outer-top{float:right;width:270px;height:47px}
#inner-top{width:269px;height:45px;margin:1px 0 1px 1px}
#inner-top a{width:269px;height:45px}
#footer{width:980px;height:55px;overflow:hidden;clear:both}
#footer-logo{float:left;width:120px;height:55px}
#footer-text{float:left;width:860px;height:55px;line-height:1.4em}
#footer-nav{overflow:hidden;clear:both}
#footer-adresse{overflow:hidden;clear:both}
/* Backgrounds */
body{background:transparent url(images/pat_plouf.gif) 0 0 repeat}
#header-logo{background:transparent url(images/logo_top.png) 0 0 no-repeat}
#header-nav{background:#fff url(images/nav_toutes.gif) 0 0 no-repeat}
.inner-texte h1{background:#fff url(images/sep.gif) left bottom no-repeat}
.blog-post-content h1{background:#fff url(images/sep_blog.gif) left bottom no-repeat}
#contactsubmit{background:#fff url(images/envoyer.gif) 0 0 no-repeat}
#inner-friends-music{background:#fff url(images/friends_music.gif) 0 0 no-repeat}
#inner-friends-video{background:#fff url(images/friends_video.gif) 0 0 no-repeat}
#inner-friends-artists{background:#fff url(images/friends_artists.gif) 0 0 no-repeat}
#inner-friends-nobodyz{background:#fff url(images/friends_nobodyz.gif) 0 0 no-repeat}
#sidebar-home{background:#fff url(images/img_home.gif) 0 0 no-repeat}
#sidebar-contact{background:#fff url(images/img_contact.gif) 0 0 no-repeat}
.category-factory #cat-description,
.s-category-factory #cat-description{background:#fff url(images/img_factory.gif) 0 0 no-repeat}
.category-artists #cat-description,
.s-category-artists #cat-description{background:#fff url(images/img_artists.gif) 0 0 no-repeat}
.category-ploufblog #cat-description,
.s-category-ploufblog #cat-description{background:#fff url(images/img_ploufblog.gif) 0 0 no-repeat}
.category-playlisters #cat-description,
.s-category-playlisters #cat-description{background:#fff url(images/img_playlisters.gif) 0 0 no-repeat}
.category-studios #cat-description,
.s-category-studios #cat-description{background:#fff url(images/img_studios.gif) 0 0 no-repeat}
.category-friends #cat-description,
.s-category-friends #cat-description{background:#fff url(images/img_friends.gif) 0 0 no-repeat}
.wp-tag-cloud{background:#fff url(images/titre_tags.png) 0 0 no-repeat}
#navigation{background-color:#fff}
#footer{background:#fff url(images/footer_fond.gif) 0 0 no-repeat}
#footer-nav li{background:#fff url(images/sep-footer.png) right 7px no-repeat}
#footer-nav li.last{background:none}
/* Liens */
a,
a:link,
a:active,
a:visited,
a:focus,
a:hover{color:#900}
/* Header */
/* Logo */
#header-logo{width:291px;height:82px}
#header-logo a{display:block;width:291px;height:82px}
/* Navigation */
#header-nav li{display:block;height:50px;float:left;padding-right:3px}
#header-nav li a{display:block;position:relative;height:50px}
#header-nav-home{width:63px;padding-left:139px}
#header-nav-home a{width:63px}
#header-nav-home a:focus,
#header-nav-home a:hover{background:transparent url(images/nav_toutes.gif) -139px -51px no-repeat}
#header-nav-home-current{width:63px;background:transparent url(images/nav_toutes.gif) 0 -102px no-repeat;padding-left:139px}
#header-nav-factory a{width:81px}
#header-nav-factory a:focus,
#header-nav-factory a:hover{background:transparent url(images/nav_toutes.gif) -205px -51px no-repeat}
#header-nav-factory-current{width:81px;background:transparent url(images/nav_toutes.gif) -205px -102px no-repeat}
#header-nav-artists a{width:79px}
#header-nav-artists a:focus,
#header-nav-artists a:hover{background:transparent url(images/nav_toutes.gif) -289px -51px no-repeat}
#header-nav-artists-current{width:79px;background:transparent url(images/nav_toutes.gif) -289px -102px no-repeat}
#header-nav-ploufblog a{width:102px}
#header-nav-ploufblog a:focus,
#header-nav-ploufblog a:hover{background:transparent url(images/nav_toutes.gif) -371px -51px no-repeat}
#header-nav-ploufblog-current{width:102px;background:transparent url(images/nav_toutes.gif) -371px -102px no-repeat}
#header-nav-playlisters a{width:109px}
#header-nav-playlisters a:focus,
#header-nav-playlisters a:hover{background:transparent url(images/nav_toutes.gif) -476px -51px no-repeat}
#header-nav-playlisters-current{width:109px;background:transparent url(images/nav_toutes.gif) -476px -102px no-repeat}
#header-nav-studios a{width:82px}
#header-nav-studios a:focus,
#header-nav-studios a:hover{background:transparent url(images/nav_toutes.gif) -588px -51px no-repeat}
#header-nav-studios-current{width:82px;background:transparent url(images/nav_toutes.gif) -588px -102px no-repeat}
#header-nav-friends a{width:82px}
#header-nav-friends a:focus,
#header-nav-friends a:hover{background:transparent url(images/nav_toutes.gif) -673px -51px no-repeat}
#header-nav-friends-current{width:82px;background:transparent url(images/nav_toutes.gif) -673px -102px no-repeat}
#header-nav-contact a{width:85px}
#header-nav-contact a:focus,
#header-nav-contact a:hover{background:transparent url(images/nav_toutes.gif) -758px -51px no-repeat}
#header-nav-contact-current{width:85px;background:transparent url(images/nav_toutes.gif) -758px -102px no-repeat}
/* Search */
#searchform{vertical-align:middle}
#searchform label{vertical-align:middle;padding:0 3px 3px 56px;background:transparent url(images/search.gif) 0 4px no-repeat;height:14px;display:block;float:left}
#s{width:112px;vertical-align:middle;height:13px;background-color:#fff;border:0;padding:1px}
#searchsubmit{vertical-align:middle;border:0;background:transparent url(images/bt_ok.png) 0 0 no-repeat;width:18px;height:13px;margin-left:3px}
#header-rss{padding-left:10px}
#header-rss a{display:block;height:15px;width:43px;background:transparent url(images/rss.png) 0 3px no-repeat}
/* Main */
#main{}
/* Content */
.post{background-color:#fff;margin-top:20px}
.illustration{text-align:center}
.outer-texte{}
.inner-texte{}
.inner-texte h1{padding-bottom:13px;margin-bottom:13px}
.inner-texte p{margin-bottom:10px}
#post-details, #post-tags{margin-top:24px}
.date,.intitule{color:#999}
.blog-post-content{margin:20px}
.blog-post-content h1{padding-bottom:13px;margin-bottom:13px}
.blog-post-content p{margin-bottom:10px}
.postmetadata{margin-top:10px}
#wpcf_msg{height:80px}
#no-spam-msg{font-size:10px;margin-top:6px;line-height:1.2em}
#contactsubmit{border:none;width:57px;height:16px;margin-left:20px}
#content-friends a,
#content-friends a:link,
#content-friends a:active,
#content-friends a:visited{color:#000}
#content-friends a:focus,
#content-friends a:hover{color:#900}
.empty-results{padding:20px}
.entry img.alignleft{float:left;padding-right:5px}
.entry img.alignright{float:right;padding-left:5px}
/* player audio podpress */
.podPress_content object{width:265px !important}
/* Sidebar */
#inner-sidebar{background-color:#fff}
#sidebar-home{padding:128px 10px 10px;text-align:center;}
#sidebar-home p,#sidebar-home ul{text-align:left;margin-bottom:10px}
#sidebar-home iframe{margin:13px 0}
#sidebar-contact{padding:128px 10px 10px;height:177px;margin-bottom:20px;font-size:14px;line-height:1.2em}
#sidebar-contact .vcard a,
#sidebar-contact .vcard a:link,
#sidebar-contact .vcard a:active,
#sidebar-contact .vcard a:visited,
#sidebar-contact .vcard a:focus,
#sidebar-contact .vcard a:hover{color:#900}
#cat-description{padding:128px 10px 10px}
.wp-tag-cloud{padding:30px 10px 16px 0}
.wp-tag-cloud a{font-size:14px !important;display:block;padding-left:10px;height:22px;line-height:1.2em}
.wp-tag-cloud a,
.wp-tag-cloud a:link,
.wp-tag-cloud a:active,
.wp-tag-cloud a:visited{color:#999}
.wp-tag-cloud a:focus,
.wp-tag-cloud a:hover{color:#900}
/* Footer */
.navigation{background-color:#fff}
#prev,
#next{background-color:#fff}
#prev a,
#next a{display:block;width:355px;height:45px}
#prev a,
#prev a:link,
#prev a:active,
#prev a:visited{background:#fff url(images/bt_prev_inactif.gif) 0 0 no-repeat}
#prev a:focus,
#prev a:hover{background:#fff url(images/bt_prev_actif.gif) 0 0 no-repeat}
#next a,
#next a:link,
#next a:active,
#next a:visited{background:#fff url(images/bt_next_inactif.gif) 0 0 no-repeat}
#next a:focus,
#next a:hover{background:#fff url(images/bt_next_actif.gif) 0 0 no-repeat}
#inner-top a{display:block}
#inner-top a,
#inner-top a:link,
#inner-top a:active,
#inner-top a:visited{background:transparent url(images/hautdepage.gif) 0 0 no-repeat}
#inner-top a:focus,
#inner-top a:hover{background:transparent url(images/hautdepage_rollover.gif) 0 0 no-repeat}
#footer-logo a{display:block;height:55px;width:120px}
#footer-text{font-size:10px;padding-top:13px;color:#999}
#footer-nav{}
#footer-nav li{display:block;float:left;padding-right:13px}
#footer-nav li a,
#footer-nav li a:link,
#footer-nav li a:active,
#footer-nav li a:visited{color:#999}
#footer-nav li a:focus,
#footer-nav li a:hover{color:#900}
#footer-nav li.current a{color:#900}
#footer .vcard a,
#footer .vcard a:link,
#footer .vcard a:active,
#footer .vcard a:visited,
#footer .vcard a:focus,
#footer .vcard a:hover{color:#999}