/*
Theme Name: MichelFugain
Theme URI: http://www.michelfugain.com
Description: Thème du site de Michel Fugain.
Version: 0.1
Author: Sébastien Méric
*/
    
/** Paramètrages par défaut **/
    body{margin:0;padding:0;border:0;
        background-color:#d7d3d0;
        color:white;font-size:100%;
        line-height:1.25em} /* 16x1.25=18px */

    /* Textes */
    h1,h2,h3,h4,h5,h6,p,blockquote,pre{margin:0;padding:0}
    abbr,acronym{border:0}
    address,cite,code,dfn,em,strong,var{font-style:normal;font-weight:normal}
    q:before,q:after{content:''}
    pre,code,kbd{font:115% monospace}
    h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}

    /* Liens */
    a,a *{cursor:pointer}

    /* Listes */
    dl,dt,dd,ol,ul,li{margin:0;padding:0}
    ol,ul{list-style:none;text-align:left}

    /* Formulaires */
    form,fieldset,legend,input,button,textarea{margin:0;padding:0}
    fieldset{border:0}
    button,input[type=submit],input[type=button]{height:1.8em}

    /* Tableaux */
    table{border-collapse:collapse;border-spacing:0;font-size:inherit}
    th,td{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}
    img,hr{border:0}
    
/** Textes **/
    /* The default text size is consistently 16px */
    body,select,input,button,textarea{font-family:arial,verdana,helvetica,"Bitstream Vera Sans",clean,sans-serif}
    body{font-size:12px;color:#415454}
    label,legend,select,input,button,textarea,caption,th,td,p{font-size:12px}
    h1,h2,h3,h4,h5,h6{font-family:arial,verdana,Georgia,Palatino,clean,sans-serif}
    h1{font-size:26px;line-height:26px}
    h2{font-size:21px;line-height:1.2em;text-transform:uppercase}
.category-la-scene h2,.category-contacts h2{font-size:18px}
    h3{color:#4b9aae}
    strong{font-weight:bold}
    small{font-size:12px}

/** Liens **/
    a,
    a:link,
    a:active,
    a:visited{color:#737373}
    .current-cat a,
    .current-cat a:link,
    .current-cat a:active,
    .current-cat a:visited{color:#415454}
    a:focus,
    a:hover{color:#737373 !important}
    #ordre-alphabetique a,
    #ordre-alphabetique a:link,
    #ordre-alphabetique a:active,
    #ordre-alphabetique a:visited,
    #ordre-alphabetique a:focus,
    #ordre-alphabetique a:hover{color:#4b9aae !important}
    #onglets a,
    #onglets a:link,
    #onglets a:active,
    #onglets a:visited{font-weight:bold;text-decoration:none}
    #onglets a:focus,
    #onglets a:hover{text-decoration:underline}
    h3 a,
    h3 a:link,
    h3 a:active,
    h3 a:visited{text-decoration:none;color:#4b9aae}
    h3 a:focus,
    h3 a:hover{text-decoration:underline;color:#4b9aae !important}


/** Utils **/
    .clear{clear:both;font-size:0;line-height:0;width:100%}
    .hidden{position:absolute;left:-9999px}
    button,input[type=button],input[type=image],input[type=reset],input[type=submit],label{cursor:pointer}
    .error{color:red;font-weight:bold}
    .warning{color:red;font-weight:bold}
    .required{color:red}

    
/* Layout */
    html,body{height:100%}
    /* mac hide \*/
    html,body{width:100%}
    /* end hide */
    body {min-width:927px;min-height:600px;text-align:center}
    #outer-wraper{display:table;height:100%;width:100%;vertical-align:middle}
        #outer-wraper2{position:relative;display:table-cell;vertical-align:middle;height:600px;text-align:center}
            #inner-wraper{position:relative;margin:0 auto;width:927px;height:600px;clear:both;overflow:hidden}
                #header{clear:both}
                #sidebar-wraper{width:348px;float:left}
                    #sidebar{}
                #content-wraper{width:579px;float:left;margin-top:42px;width:573px;height:426px}
                    #content{clear:both;overflow:hidden}
                        #content h1{width:558px;float:left}
                        #posts-wraper{float:left}
                #footer{clear:both}

/* Fonds */
    .category-what-s-up #inner-wraper,
    .s-category-what-s-up #inner-wraper,
    .not-found  #inner-wraper,
    body.search #inner-wraper{background:transparent url(images/bg-what-s-up2.jpg) 0 0 no-repeat}
    .category-bio #inner-wraper,
    .s-category-bio #inner-wraper{background:transparent url(images/bg-bio.jpg) 0 0 no-repeat}
    .category-ca-c-est-fait #inner-wraper,
    .s-category-ca-c-est-fait #inner-wraper{background:transparent url(images/bg-ca-c-est-fait2.jpg) 0 0 no-repeat}
    .category-textes #inner-wraper,
    .s-category-textes #inner-wraper,
    .tag #inner-wraper{background:transparent url(images/bg-textes.jpg) 0 0 no-repeat}
    .category-galerie #inner-wraper,
    .s-category-galerie #inner-wraper{background:transparent url(images/bg-galerie.jpg) 0 0 no-repeat}
    .category-videos #inner-wraper,
    .s-category-videos #inner-wraper{background:transparent url(images/bg-videos.jpg) 0 0 no-repeat}
    .category-la-scene #inner-wraper,
    .s-category-la-scene #inner-wraper{background:transparent url(images/bg-scene.jpg) 0 0 no-repeat}
    .category-diablogue #inner-wraper,
    .s-category-diablogue #inner-wraper{background:transparent url(images/bg-diablogue.jpg) 0 0 no-repeat}
    .category-magasinage #inner-wraper,
    .s-category-magasinage #inner-wraper{background:transparent url(images/bg-magazinage.jpg) 0 0 no-repeat}
    .category-newsletter #inner-wraper,
    .s-category-newsletter #inner-wraper{background:transparent url(images/bg-newsletter.jpg) 0 0 no-repeat}
    .category-presse #inner-wraper,
    .s-category-presse #inner-wraper{background:transparent url(images/bg-presse.jpg) 0 0 no-repeat}
    .category-contact #inner-wraper,
    .category-contacts #inner-wraper,
    .s-category-contact #inner-wraper,
    .s-category-contacts #inner-wraper{background:transparent url(images/bg-contact.jpg) 0 0 no-repeat}

/* Header */
    #header-logo{position:absolute;left:0;top:80px}
        #header-logo a{display:block;width:280px;height:103px;background:transparent url(images/michel-fugain.png) 0 0 no-repeat}

    #header-nav{height:78px;position:relative;}
        #header-nav li{display:block;position:absolute}
            #header-nav a{display:block;height:100%;background-color:transparent;background-image:url(images/header-nav.png);background-repeat:no-repeat}
            #header-nav-what-s-up{height:48px;width:84px;top:22px;left:4px;z-index:15}
                #header-nav-what-s-up a{background-position:0 0}
                #header-nav-what-s-up a:hover,#header-nav-what-s-up a:focus{background-position:-200px 0}
                #header-nav-what-s-up.current-cat a{background-position:-100px 0}
            #header-nav-bio{height:48px;width:66px;top:15px;left:73px;z-index:14}
                #header-nav-bio a{background-position:0 -50px}
                #header-nav-bio a:hover,#header-nav-bio a:focus{background-position:-200px -50px}
                #header-nav-bio.current-cat a{background-position:-100px -50px}
            #header-nav-ca-c-est-fait{height:48px;width:99px;top:26px;left:135px;z-index:13}
                #header-nav-ca-c-est-fait a{background-position:0 -100px}
                #header-nav-ca-c-est-fait a:hover,#header-nav-ca-c-est-fait a:focus{background-position:-200px -100px}
                #header-nav-ca-c-est-fait.current-cat a{background-position:-100px -100px}
            #header-nav-textes{height:48px;width:86px;top:23px;left:223px;z-index:12}
                #header-nav-textes a{background-position:0 -150px}
                #header-nav-textes a:hover,#header-nav-textes a:focus{background-position:-200px -150px}
                #header-nav-textes.current-cat a{background-position:-100px -150px}
            #header-nav-galerie{height:48px;width:86px;top:24px;left:299px;z-index:11}
                #header-nav-galerie a{background-position:0 -200px}
                #header-nav-galerie a:hover,#header-nav-galerie a:focus{background-position:-200px -200px}
                #header-nav-galerie.current-cat a{background-position:-100px -200px}
            #header-nav-videos{height:56px;width:86px;top:22px;left:371px;z-index:10}
                #header-nav-videos a{background-position:0 -250px}
                #header-nav-videos a:hover,#header-nav-videos a:focus{background-position:-200px -250px}
                #header-nav-videos.current-cat a{background-position:-100px -250px}
            #header-nav-la-scene{height:45px;width:86px;top:27px;left:438px;z-index:9}
                #header-nav-la-scene a{background-position:0 -350px}
                #header-nav-la-scene a:hover,#header-nav-la-scene a:focus{background-position:-200px -350px}
                #header-nav-la-scene.current-cat a{background-position:-100px -350px}
            #header-nav-diablogue{height:45px;width:86px;top:21px;left:520px;z-index:8}
                #header-nav-diablogue a{background-position:0 -400px}
                #header-nav-diablogue a:hover,#header-nav-diablogue a:focus{background-position:-200px -400px}
                #header-nav-diablogue.current-cat a{background-position:-100px -400px}
            #header-nav-magasinage{height:45px;width:99px;top:25px;left:604px;z-index:7}
                #header-nav-magasinage a{background-position:0 -450px}
                #header-nav-magasinage a:hover,#header-nav-magasinage a:focus{background-position:-200px -450px}
                #header-nav-magasinage.current-cat a{background-position:-100px -450px}
            #header-nav-newsletter{height:45px;width:96px;top:26px;left:695px;z-index:6}
                #header-nav-newsletter a{background-position:0 -500px}
                #header-nav-newsletter a:hover,#header-nav-newsletter a:focus{background-position:-200px -500px}
                #header-nav-newsletter.current-cat a{background-position:-100px -500px}
            #header-nav-presse{height:45px;width:65px;top:18px;left:786px;z-index:5}
                #header-nav-presse a{background-position:0 -550px}
                #header-nav-presse a:hover,#header-nav-presse a:focus{background-position:-200px -550px}
                #header-nav-presse.current-cat a{background-position:-100px -550px}
            #header-nav-contacts{height:45px;width:71px;top:23px;left:847px;z-index:4}
                #header-nav-contacts a{background-position:0 -600px}
                #header-nav-contacts a:hover,#header-nav-contacts a:focus{background-position:-200px -600px}
                #header-nav-contacts.current-cat a{background-position:-100px -600px}

/* Sidebar */
    #searchform-no-results{width:168px;height:44px;margin:450px 0 0 16px;background:transparent url(images/bg-recherche.png) 0 0 no-repeat;font-size:11px}
        #s-no-results{float:left;width:164px;border:0;background-color:white;height:13px;font-size:11px;margin:16px 2px 4px}
        #searchform-no-results .button{float:left;border:0;width:47px;height:8px;background:transparent url(images/rechercher.gif) 0 0 no-repeat;margin-left:4px}

/* Content */
    #content h1{height:45px;background-color:#f4f4f4;margin:0 14px 0 1px}
    .category-what-s-up h1,
    .s-category-what-s-up h1{background:transparent url(images/title-what-s-up.gif) 22px 0 no-repeat}
    .category-bio h1,
    .s-category-bio h1{background:transparent url(images/title-bio.gif) 22px 0 no-repeat}
    .category-ca-c-est-fait h1,
    .s-category-ca-c-est-fait h1{background:transparent url(images/title-ca-c-est-fait.gif) 22px 0 no-repeat}
    .category-textes h1,
    .s-category-textes h1,
    .tag h1{background:transparent url(images/title-textes.gif) 22px 0 no-repeat}
    .category-galerie h1,
    .s-category-galerie h1{background:transparent url(images/title-galerie.gif) 22px 0 no-repeat}
    .category-videos h1,
    .s-category-videos h1{background:transparent url(images/title-videos.gif) 22px 0 no-repeat}
    .category-la-scene h1,
    .s-category-la-scene h1{background:transparent url(images/title-scene.gif) 22px 0 no-repeat}
    .category-diablogue h1,
    .s-category-diablogue h1{background:transparent url(images/title-diablogue.gif) 22px 0 no-repeat}
    .category-magasinage h1,
    .s-category-magasinage h1{background:transparent url(images/title-magazinage.gif) 22px 0 no-repeat}
    .category-newsletter h1,
    .s-category-newsletter h1{/*padding-bottom:17px;*/background:transparent url(images/title-newsletter.gif) 22px 0 no-repeat}
    .category-presse h1,
    .s-category-presse h1{background:transparent url(images/title-presse.gif) 22px 0 no-repeat}
    .category-contacts h1,
    .s-category-contacts h1{background:transparent url(images/title-contact.gif) 22px 0 no-repeat}
    .search h1{background:transparent url(images/title-recherche.gif) 22px 0 no-repeat}
        #posts-wraper{background:transparent url(images/bg-content.png) 0 0 no-repeat;height:383px}
            #onglets{overflow:hidden;clear:both;width:550px;margin-left:1px}
            .category-newsletter #onglets,
            .search #onglets{margin-bottom:31px}
                #onglets li{display:block;float:left;margin-right:4px;background-color:#fff;width:130px;height:17px}
                    #onglets a{display:block;padding-left:22px}
            #posts{height:298px;overflow-y:scroll;margin:14px 37px 0 22px;width:514px}

                #posts .post{width:475px}
                    .search  #posts ol{list-style:decimal outside;padding-left:30px;width:460px}
                        .search .post li{margin-bottom:10px}
                h2{margin-bottom:4px;clear:both}
                .category-newsletter h2{margin-bottom:21px}
                #ordre-alphabetique{overflow:hidden;clear:both;margin:17px 0 30px}
                    #ordre-alphabetique li{display:block;float:left;margin-right:20px}
                h3{margin-bottom:20px}
                .album h3{margin:10px 0 20px}
                .entry-content{overflow:hidden;margin:17px 0 30px}
.category-bio .entry-content{overflow:hidden;margin:17px 30px 30px 0}
                .category-newsletter .entry-content{overflow:hidden;margin:0 0 30px}
                .category-magasinage h4,
                .single h4{overflow:hidden;clear:both;margin-bottom:10px}
                    .entry-content p,.entry-content ul,.entry-content ol{margin-bottom:10px}
                    .entry-content ol{list-style-type:decimal-leading-zero;padding-left:10px;list-style-position:inside}
                    p.chanson-infos{margin-bottom:17px;color:#4b9aae}
                    .entry-content .more-link{display:block;margin-top:10px;text-decoration:underline}
                    .photo-album-ca-c-est-fait{float:left;margin-right:10px}
                    .s-category-magasinage .photo-album-ca-c-est-fait{margin-bottom:10px}
                #nav-below{overflow:hidden}
                    #nav-below .nav-next{float:right;width:235px;text-align:right;margin-right:20px}
                    #nav-below .nav-previous{float:left;width:235px}
            
                #posts .posts-list{overflow:hidden;clear:both}
                    #posts .posts-list .post{width:225px;float:left;margin-right:24px}
                    #posts .posts-list .alt{margin-right:0}
                
                    #albums-list{overflow:hidden;clear:both;margin:17px 0 30px}
                        .album{overflow:hidden;float:left;width:79px;margin-right:5px}
            
    .wpsb_form_label{overflow:hidden;clear:both}
        .category-newsletter label{display:block;float:left;width:100px;vertical-align:middle}
        .category-newsletter input{display:block;float:left;vertical-align:middle}
        #wpsb_radio_option1,#wpsb_radio_option2{margin:2px 5px 0 0}

    .achat-en-ligne,.telecharger-en-ligne{overflow:hidden;clear:both;margin-bottom:10px}
            
    #footer{text-align:right}
        #footer img{padding:6px 10px 0 0}