/*
Theme Name: Otra
Theme URI: http://www.otraprod.com
Description: Le thème du site Otra réalisé par <a href="http://www.benoitbeauchaine.com">Benoit Beauchaine</a> (Conception & Design) et <a href="http://www.sebastien-meric.com">Sébastien Méric</a> (Développement & Intégration).
Version: 1
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.5em} /* 16x1.2=19.2px */

    /* 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,a img{border:0}
    applet,iframe,object{border:0;margin:0;padding:0}
    
/** Paramétrages de base **/
    /* Fond de page */
    body{background-color:#353130}
    
    /* Textes */
    body,button,input,optgroup,option,select,textarea{font-family:helvetica,arial,verdana,"Bitstream Vera Sans",clean,sans-serif;font-size:12px;color:#fff}
    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:24px}
    h3{font-size:21px}
    h4{font-size:18px}
    h5{font-size:15px}
    h6{font-size:12px}
    
    /* Liens */
    /* LVHA order :link, :visited, :hover, :focus, :active */
    a,a:link,a:active,a:visited{text-decoration:none;color:#fff}
    a:focus,a:hover{text-decoration:underline;color:#28B4E7 !important}

/** 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}*/

    /**
     * Pour les blocks qui contiennent des blocks en float
     **/
    .container{clear:both;overflow:hidden}

    /**
     * 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.
     **/
    /*html,*/body{height:101%}
    html{overflow-y:scroll;}

    /**
     * Types du texte
     **/
    .error{color:red;font-weight:bold}
    .warning{color:red;font-weight:bold}
    .required:after{content:'*';color:red}

/** Paramètrages spécifiques **/
    /* Layout */
    #outer-general-container{text-align:center}
        #inner-general-container{margin:0 auto;width:1000px}
            #header{height:5px;display:none}
                #sidebar{width:104px;margin-right:47px;float:left;height:630px}
                    #sidebar-logo{width:70px;height:85px}
                #outer-content{width:1000px;float:left}
                    #inner-content{width:843px;float:left;margin-top:72px}
            #footer{height:70px;display:none}

    /* Backgrounds */
    #sidebar-logo{background:#353130 url(images/logo_top.gif) 0 0 no-repeat}
    #footer-menu .rss a{background:#353130 url(images/logo_rss.gif) right 1px no-repeat}
    #footer-haut a{background:#353130 url(images/bt_hautdepage.gif) 0 2px no-repeat}

    /* Sidebar */
    #sidebar-logo{margin:15px 0 14px 34px}
        #sidebar-logo a{display:block;width:70px;height:85px}
    #sidebar-menu{overflow:hidden;width:104px}
        #sidebar-menu .depliant{margin-top:15px;text-align:right}
        #sidebar-menu img{cursor:pointer}
        #sidebar .menu-item,
        #sidebar .menu-item p,
        #sidebar .menu-item div,
        #sidebar .menu-item li{text-align:right}
        #sidebar .sidebar-menu-spacer{height:4px;line-height:4px;font-size:4px}
        #sidebar .fonction{color:#AFAFAF}
        .closed-onload{display:none}
    #outer-sidebar-bottom-logo{padding-left:65px;margin-top:20px}
    #sidebar a,
    #sidebar a:link,
    #sidebar a:active,
    #sidebar a:visited{color:#fff}

    /* Formulaire de recherche */
    #searchform{float:right;margin-top:4px;width:250px}
        #searchform div{text-align:right}
            #s{font-size:13px;border:0;/*border:1px solid #333;*/background-color:#EAEAEA;color:#AFAFAF;/*height:16px;*/
                padding-top:1px}
            #searchsubmit{border:0;background:#353130 url(images/bt_ok.gif) 0 0 no-repeat;width:27px;
                height:18px}
            #searchform input,#searchform legend{vertical-align:middle}

    /* Posts */
    h1{margin-bottom:18px;color:#fff}
    
    #posts-container{
        height: 482px;
        width: 843px;
        overflow: hidden;
    }
    #posts-content{
        height: 482px;
        width:2200px;
    }
    
    .scroll-pane {
        width: 843px;
        float: left;
        padding: 0;
    }
    #pane {
        height: 482px;
        width: 843px;
        padding: 0;
        display: block;
        _overflow: hidden;
    }
    
    .post{float:left;width:440px}
    .category-portfolio .post{width:auto}
        .entry{width:400px;min-height:325px;margin: 0 38px 0 2px}
        .category-portfolio .entry{width:auto}
        .entry img{margin-bottom:10px}
        .category-portfolio .entry img{margin:10px 10px 10px 0}
        .entry-infos{margin-top:20px;width:400px}
        .entry-press{margin-top:0}
            .entry-infos h2{margin-bottom:15px}
            .intitule{color:#AFAFAF}
            .description{/* margin-bottom:10px */}

    /* Liens */
    .current-cat a,
    .current-cat a:link,
    .current-cat a:active,
    .current-cat a:visited{color:#28B4E7 !important}

    /* Menu haut */
    #header-menu{margin-top:2px;color:#AFAFAF;float:right;width:280px}
        #header-menu li{display:inline;font-size:11px}
            #header-menu a,
            #header-menu a:link,
            #header-menu a:active,
            #header-menu a:visited{color:#28B4E7}
            #header-menu .rss a{padding-right:17px}

    /* Footer */
    #footer{height:140px;position:relative;line-height:1.2em}
        #footer-haut{position:absolute;top:35px;left:800px}
            #footer-haut a{padding-left:15px}
        #inner-footer{margin-left:265px;margin-top:35px}
            #footer-logo,
            #footer-menu,
            #footer-adresse{float:left;color:#AFAFAF;height:59px}
            #footer-logo,
            #footer-menu{margin-right:20px;padding-right:6px;border-right:1px solid #AFAFAF}
                #footer a,
                #footer a:link,
                #footer a:active,
                #footer a:visited{color:#AFAFAF}
                #footer a{padding-right:14px}



.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	left: 0;
	bottom: 0;
	width: 100%;
    background:#333 url(images/scrollbar-bg.png) 0 0 no-repeat;
}

.jScrollIntervalTrack { 
	position: absolute;

}

.jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
    background:transparent url(images/joint.gif) center center no-repeat;
}
.jScrollPaneDragLeft {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
    background:transparent url(images/scrollbar-left.gif) 0 1px no-repeat;
}
.jScrollPaneDragRight {
	position: absolute;
	bottom: 0;
	right: 0;
	overflow: hidden;
    background:transparent url(images/scrollbar-right.gif) right 1px no-repeat;
}
a.jScrollArrowLeft {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	text-indent: -2000px !important;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
	width: 10px;
}
a.jScrollArrowLeft:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowRight {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px !important;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
	width: 10px;
}
a.jScrollArrowRight:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}