/*
Theme Name: fabienbarrau
Theme URI: http://www.fabienbarrau.com/
Description: Le thème de fabienbarrau.com !.
Version: 1
Author: Benoit Beauchaine
Author URI: http://www.benoit-beauchaine.com/
*/
/** Paramétrages par défaut **/
    body{margin:0;padding:0;border:0;
        background-color:#ABABAB;
        color:black;font-size:100%;
        line-height:1.25em} /* 16×1.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}

    /* 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}
    .printOnly{display:none}
    
/** 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:0.625em;color:#444}*/ /* 16×0.625=10px */
    body{font-size:0.6875em;color:#444} /* 16×0.6875=11px */
    label,legend,select,input,button,textarea,caption,th,td,p{font-size:1em} /* 11×1=11px */
    /*li,li li{font-size:0.75em}*/ /* 16×0.727=12px */
    h1{font-size:1.727em;font-weight:bold} /* 11×1.727=19px */
    h2{font-size:1.636em;font-weight:bold;margin-bottom:10px} /* 11×1.636=18px */
    h3{font-size:1.454em;font-weight:bold} /* 11×1.454=16px */
    h4{font-size:1.273em;font-weight:bold;margin-bottom:8px} /* 11×1.273=14px */
    h5{font-size:1em;color:#666} /* 11×1=11px */
    h6{font-size:1em;font-weight:bold} /* 11×1=11px */
    
/** Liens **/
    a,
    a:link,
    a:active,
    a:visited{text-decoration:none;color:#444;background-color:transparent}
    a:hover,
    a:focus{text-decoration:underline;color:#444;background-color:transparent}

/** Utils **/

    .spacer{clear:both;font-size:0;line-height:0;margin:5px 0;width:100%}
    .hidden{position:absolute;left:-9999px}
    acronym{cursor:help}

/** Site centré **/
    html{height:101%;overflow-y:scroll}

/** Layout **/

    #page{width:100%;text-align:center}
    #site{width:980px;margin:0 auto;clear:both;overflow:hidden}
        #header{width:980px;height:70px;clear:both;background:transparent url(images/top.gif) 0 0 no-repeat;margin:20px 0;overflow:hidden}
        #menu{width:92px;float:left}
        .main-container-pages{padding-left:28px;float:left}
            .main-pages{width:860px;padding:20px 0;clear:both;overflow:hidden;background-color:white;margin-bottom:20px}
        .main-container{padding-left:8px;float:left;margin-bottom:20px}
            .main-home{width:840px;padding:20px;clear:both;overflow:hidden;background-color:white}
            .main0{width:840px;padding:20px;clear:both;overflow:hidden;background-color:white}
            .main{width:840px;padding:20px;clear:both;overflow:hidden;background-color:white;margin-top:20px}
            .main-single{width:840px;padding:20px;clear:both;overflow:hidden;background-color:white}
                .zone-images{width:650px;float:left;overflow:hidden}
                .zone-texte{width:170px;float:left;margin-left:20px}
        #footer{width:980px;height:40px;clear:both;text-align:right;overflow:hidden}

/** Styles **/
    body{background:transparent url(images/pat_fb.jpg) 0 0 repeat;}
    
/** Header **/
    #logo{float:left}
        #logo img{height:70px;width:580px}
    #searchform{vertical-align:middle;float:right;margin-top:28px}
        #s{width:100px;vertical-align:middle;border:2px solid #1d1d1d;height:17px;background-color:#1d1d1d;color:#a0a0a0}
        #searchsubmit{vertical-align:middle;border:0;background:transparent url(images/bt_ok.gif) 0 0 no-repeat;width:38px;height:21px;cursor:pointer}
#searchform img{vertical-align:middle}
    #rss{float:right;margin-left:2px;margin-top:25px}

/** Menu **/
    #categories li{display:block;width:92px}
        #categories a{display:block;position:relative;width:92px}
            #categories .cat-home a{height:17px;background:transparent url(images/nav/n1_a.gif) 0 0 no-repeat}
            #categories .cat-home a:hover,
            #categories .cat-home a:focus{background:transparent url(images/nav/n1_b.gif) 0 0 no-repeat}
            #categories .cat-home .current{background:transparent url(images/nav/n1_c.gif) 0 0 no-repeat}

            #categories .cat-item-1 a{height:20px;background:transparent url(images/nav/n2_a.gif) 0 0 no-repeat}
            #categories .cat-item-1 a:hover,
            #categories .cat-item-1 a:focus{background:transparent url(images/nav/n2_b.gif) 0 0 no-repeat}
            #categories .cat-item-1 .current{background:transparent url(images/nav/n2_c.gif) 0 0 no-repeat}

            #categories .cat-item-3 a{height:20px;background:transparent url(images/nav/n3_a.gif) 0 0 no-repeat}
            #categories .cat-item-3 a:hover,
            #categories .cat-item-3 a:focus{background:transparent url(images/nav/n3_b.gif) 0 0 no-repeat}
            #categories .cat-item-3 .current{background:transparent url(images/nav/n3_c.gif) 0 0 no-repeat}

            #categories .cat-item-4 a{height:20px;background:transparent url(images/nav/n4_a.gif) 0 0 no-repeat}
            #categories .cat-item-4 a:hover,
            #categories .cat-item-4 a:focus{background:transparent url(images/nav/n4_b.gif) 0 0 no-repeat}
            #categories .cat-item-4 .current{background:transparent url(images/nav/n4_c.gif) 0 0 no-repeat}

            #categories .cat-item-5 a{height:20px;background:transparent url(images/nav/n5_a.gif) 0 0 no-repeat}
            #categories .cat-item-5 a:hover,
            #categories .cat-item-5 a:focus{background:transparent url(images/nav/n5_b.gif) 0 0 no-repeat}
            #categories .cat-item-5 .current{background:transparent url(images/nav/n5_c.gif) 0 0 no-repeat}

            #categories .cat-item-6 a{height:22px;background:transparent url(images/nav/n6_a.gif) 0 0 no-repeat}
            #categories .cat-item-6 a:hover,
            #categories .cat-item-6 a:focus{background:transparent url(images/nav/n6_b.gif) 0 0 no-repeat}
            #categories .cat-item-6 .current{background:transparent url(images/nav/n6_c.gif) 0 0 no-repeat}

    #pages{margin-top:10px}
    #pages li{display:block;width:92px}
        #pages a{display:block;position:relative;width:92px}

            #pages .page-item-2 a{height:22px;background:transparent url(images/nav/n8_a.gif) 0 0 no-repeat}
            #pages .page-item-2 a:hover,
            #pages .page-item-2 a:focus{background:transparent url(images/nav/n8_b.gif) 0 0 no-repeat}
            #pages .page-item-2 .current{background:transparent url(images/nav/n8_c.gif) 0 0 no-repeat}

            #pages .page-item-12 a{height:17px;background:transparent url(images/nav/n9_a.gif) 0 0 no-repeat}
            #pages .page-item-12 a:hover,
            #pages .page-item-12 a:focus{background:transparent url(images/nav/n9_b.gif) 0 0 no-repeat}
            #pages .page-item-12 .current{background:transparent url(images/nav/n9_c.gif) 0 0 no-repeat}

/** Accueil **/
    #home{display:block;clear:both;overflow:hidden}
        #home li{display:block;float:left;height:205px;overflow:hidden}
        #home-advertising,
        #home-music{margin:0 20px 20px 0}
        #home-editorial,
        #home-life-style{margin-bottom:20px}

/** Posts **/
    .separator{background:transparent url(images/separateur_titres_post.gif) 0 0 no-repeat;margin:10px 0;width:171px;height:3px}
    .zone-texte{}
        .zone-texte div{margin:10px 0}
    .navigation{clear:both;margin-bottom:20px}
        .navigation div{float:right;height:13px}

            .previous {margin-bottom:20px;padding:10px 0 10px 10px;width:75px;
                background:white url(images/bt_previous_inactif.gif) 10px 10px no-repeat}
            .next {margin-bottom:20px;padding:10px 10px 10px 0;width:53px;
                background:white url(images/bt_next_inactif.gif) 0 10px no-repeat}
            .previous-single {margin-bottom:20px;padding:10px 0 10px 10px;width:75px;
                background:white url(images/bt_previous_inactif.gif) 10px 10px no-repeat}
            .next-single {margin-bottom:20px;padding:10px 10px 10px 0;width:53px;
                background:white url(images/bt_next_inactif.gif) 0 10px no-repeat}
    .modifier, .publication-time{padding:20px 0 0 20px;clear:both}

/** Pages **/
    #info-mag,
    #info-ad,
    #info-photos,
    #info-records{float:left;width:195px;padding-left:20px;line-height:2.5em;font-weight:bold}
    #page-contact{padding-left:20px;line-height:1.3em;font-weight:bold;font-size:1.273em}
    #page-contact a{color:#cf1111}

/** Footer **/
    #footer{padding-top:10px}

        #footer li{display:inline;vertical-align:middle;color:#444}
        #footer .facebook{margin-left:10px;padding-top:5px}