/*
Theme Name: Ergonomie Web
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Alexandre Plenevaux
Author URI: http://ergonomie-web.be

	ErgonomieWeb v1
	  http://ergonomie-web.be

	This theme was designed and built by Alexandre Plennevaux,
	whose blog you will find at http://ergonomie-web.be

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

*/


/* 100% HEIGHT  + FAUX COLUMN */
/* source: http://www.dave-woods.co.uk/index.php/css-faux-columns/  */
html, body
{
    height: 100%;
}
html
{
}
#container
{
    min-height: 100%;
    max-width: 1024px;
    width: auto;
    margin: 0 auto;
}
* html #container
{
    height: 100%;
}

#container:after
{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* --- CLEARFIX --- */
.clearfix:after
{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix
{
    display: inline-block;
}

html[xmlns] .clearfix
{
    display: block;
}

* html .clearfix
{
    height: 1%;
}


/* --- LAYOUT POSITIONING --- */
#theContent
{
    width: 598px;
    float: left;
    clear: left;
    background-color:transparent;
    padding-top: 32px;
padding-top:40px;
    margin-bottom: 200px;
    height: 100%;
}
#menusContainer
{
    padding-top: 26px;
    width: 348px;
    margin-left: 624px;
    height: 100%;
}


body
{
    background:#000000 url(http://www.ergonomie-web.be/wp-content/themes/ergonomieWeb/_img/dark_background.jpg) fixed top left repeat-x;
}

#container
{
    background:transparent url(http://www.ergonomie-web.be/wp-content/themes/ergonomieWeb/_img/background_white_fauxcolumn.png) top left repeat-y;
}

h1#logo
{
    background:transparent url(http://www.ergonomie-web.be/wp-content/themes/ergonomieWeb/_img/ergonomie-web_logo.png) top right no-repeat;
    height: 53px;
}

h1#logo a
{
    display: block;
    height: 53px;
    width: 100%;
    border-width: 0;
    text-decoration: none;
}

h1#logo strong
{
    display: block;
    overflow: hidden;
    width: 0;
    height: 0;
}
a.rssFeed, a.addComment, span.addComment a
{
    color: #FF813B;
    text-decoration: none;
    background: transparent url(http://www.ergonomie-web.be/wp-content/themes/ergonomieWeb/_img/rssFeed.png) top right no-repeat;
    padding: 2px 20px 1px 0px;
    min-height: 18px;
}
a.addComment, span.addComment a
{
    background: transparent url(http://www.ergonomie-web.be/wp-content/themes/ergonomieWeb/_img/comment_edit.png) top left no-repeat;
    padding: 2px 0px 1px 20px;
    color: #000000;
}
a.rssFeed:hover, a.rssFeed:active, a.rssFeed:focus, a.addComment:hover, a.addComment:active, a.addComment:focus, span.addComment a:hover, span.addComment a:active, span.addComment a:focus
{
    text-decoration: underline;
}
ul#sideMenu
{
    margin: 0;
    padding: 0;
}
ul#sideMenu li
{
    border-top: 1px solid #FFFFFF;
    color: #FFFFFF;
    padding: 13px 0;
    list-style: none;
    list-style-position: inside;
    text-align: right;
    font-size: 14px;
}

ul#sideMenu li li
{
    padding: 0;
    border-width: 0;
}
ul#sideMenu li a
{
    font-size: 14px;
    color: #FF813B;
    text-decoration: none;
    padding-left: 17px;
}
ul#sideMenu li a:hover
{
    text-decoration: underline;
    color: White;
}
ul#sideMenu li a:visited
{
    color: #FF813B;
    background: transparent url(http://www.ergonomie-web.be/wp-content/themes/ergonomieWeb/_img/visited_link.png) center left no-repeat;
}
#sideMenu li#previously
{
    min-height: 20px;
    background: transparent url(http://www.ergonomie-web.be/wp-content/themes/ergonomieWeb/_img/previously.png) 0 13px no-repeat;
}
#sideMenu li#next
{
    min-height: 20px;
    background: transparent url(http://www.ergonomie-web.be/wp-content/themes/ergonomieWeb/_img/next.png) 0 13px no-repeat;
}

#sideMenu li#previously a, #sideMenu li#next a
{
    margin-left: 70px;
}

#sideMenu li#categories
{
    background: transparent url(http://www.ergonomie-web.be/wp-content/themes/ergonomieWeb/_img/categories.png) 0 13px no-repeat;
}
ul#sideMenu li#categories a:visited, ul#sideMenu li#categories a:link
{
    color: #FF813B;
    background: none;
}

#sideMenu li#categories li
{
    padding: 0;
    color: #FF813B;
}


li#search
{
    background: transparent url(http://www.ergonomie-web.be/wp-content/themes/ergonomieWeb/_img/recherche.png) 0 13px no-repeat;
}
li#search input.searchField
{
    position: relative;
    top: 14px;
    background: #313131;
    border: 1px solid #313131;
    color: White;
    font-size: 11pt;
    padding: 2px;
    width: 200px;
    margin-bottom: 20px;
}
li#search input.searchField:hover, li#search input.searchField:active, li#search input.searchField:focus
{
    background: white;
    color: Black;
    outline: none;
}
#searchButton
{
    position: relative;
    top: 8px;
    width: 25px;
    height: 22px;
    cursor: pointer;
    background: transparent url(http://www.ergonomie-web.be/wp-content/themes/ergonomieWeb/_img/search_icon.png) top center no-repeat;
    border-width: 0;
    margin-left: 11px;
    margin-bottom: 20px;
}
#searchButton b
{
    display: none;
}
#searchButton:focus, #searchButton:hover, #searchButton:active
{
    background-color: White;
}

li#commentForm
{
    background: transparent url(http://www.ergonomie-web.be/wp-content/themes/ergonomieWeb/_img/votre_commentaire.png) 0 13px no-repeat;
    min-height: 100%;
}
/* --- TYPOGRAPHY --- */
body
{
    font-family: 'Trebuchet MS' , Arial,sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: White;
}
p, ul, ol
{
    margin-bottom: 18px;
}
ol,ul
{
    margin-left: 2em;
margin-left: 0em;
padding:0;
    }
ul
{
    list-style-type: square;
}
li ol, li ul
{
     margin-left: 0em;
margin-left: 0em;
}

li{
margin-left:1.6em;

}

h1
{
    font-family: Georgia, Palatino, Palatino Linotype, serif;
    color: #000000;
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 18px;
    text-align: left;
}
h2
{
    font-family: Georgia, Palatino, Palatino Linotype, serif;
    color: #a39c8d;
    color: #000000;
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 18px;
}

h2.bigFont, h2.bigFont a
{
    font-size: 24px;
line-height:24px;
    color: #000000;
    text-align: left;
    text-decoration: none;
}
h1.bigFont a, h1.bigFont
{
    text-decoration: none;
    color: Black;
    text-align: left;
    padding-left: 0;
    white-space: normal;
    left: 0;
    max-width: 540px;
}
h2.bigFont a, h1.bigFont a
{
    padding-left: 20px;
    color: #FF813B;
    background: transparent url(http://www.ergonomie-web.be/wp-content/themes/ergonomieWeb/_img/title_link_hover.gif) 0 -28px no-repeat;
}
h2.bigFont a:hover, h1.bigFont a:hover
{
    border-bottom: 0px dotted #000000;
    color: #000000;
    background: transparent url(http://www.ergonomie-web.be/wp-content/themes/ergonomieWeb/_img/title_link_hover.gif) 0 4px no-repeat;
text-shadow:1px 1px #CCCCCC;
}
h3
{
    font-family: Georgia, Palatino, Palatino Linotype, serif;
    font-size: 12px;
    line-height: 18px;
}
p.post-info
{
    border-top: 1px solid #000000;
    padding: 13px 0;
    margin-bottom: 26px;
}
div.post h1, div.post h2, div.post h3
{
    letter-spacing: 1px;
    text-align: left;
    margin: 8px 0 13px 0;
    color: Black;
    padding-bottom: 13px;
    border-bottom: 1px solid #000000;
    font-size: 24px;
    text-align: left;
    font-weight: normal;
    font-style: italic;
    letter-spacing: -1px;
}
div.post h1{padding-bottom:26px}

h1#pageTitle
{
    letter-spacing: 1px;
    text-align: left;
    margin: 8px 0 13px 0;
    color: Black;
    padding-bottom: 13px;
    border-bottom: 1px solid #000000;
    font-size: 24px;
    text-align: left;
    font-weight: normal;
    font-style: italic;
    letter-spacing: -1px;
}
div.post h2
{
    font-size: 20px;
    border-bottom: 0px solid #000000;
}
div.post h3
{
    font-size: 16px;
    border-bottom: 0px solid #000000;
}

div.post{
margin:  0 52px;
}

div.post div.post-content ul
{
    color: Black;
}

div.post li, div.post p
{
color: black;
margin:0.6em inherit;
font-size: 10pt;
}

div.post div.post-content, div.post-content{
    margin: 34px 0 0;
    line-height: 1.8em;

}


div.post a:visited
{
    color: #000066;
}
div.post a:hover
{
    color: #FF813B;
text-shadow:1px 1px #CCCCCC;
}

a.more-link
{
    width: auto;
    clear: left;
    margin-top: 20px;
    background: #4896B8;
    border: 1px solid #4896B8;
    color: #FFFFFF;
    text-decoration: none;
    padding: 3px 10px;
}
a.more-link:hover
{
    background: white;
    border-color: #FFFFFF;
    color: #FF813B;
}
#theContent div.post p.metadata
{
    color: #777777;
    font-size: 10pt;
    text-align: center;
    text-align: right;
    font-style: italic;
}

div.post-content img
{
    border: 3px double #777777;
    margin: 0 13px 13px 0;
    clear: left;
}
div.post-content blockquote
{
    background: #EEE;
    quotes: "\201C" "\201D";
    font-style: italic;
margin-left:0;
margin-right:0;
padding:1em;
}
div.post-content blockquote:before
{
    content: open-quote;
    font-weight: bold;
    color: #CCC;
    font-size: 28pt;
}
div.post-content blockquote:after
{
    content: close-quote;
    font-weight: bold;
    color: #CCC;
    font-size: 28pt;
}

div.post p.post-info {
    margin-top: 34px;
    line-height: 1.8em;
}
div.post li{
margin-bottom:1.2em;
}
#theTags
{
    font-style: normal;
    font-size: 10px;
}
#theTags a:link, #theTags a:visited
{
    text-decoration: none;
    color: #4896B8;
}
#theTags a:hover
{
    text-decoration: underline;
}
div#commentsZone
{
    padding: 0 52px;
}
h1#comments
{
    text-align: left;
    border-bottom: 0px;
    padding-left: 0;
    margin-left: 0;
}
ul#listOfCOmments
{
    padding: 0;
}
#listOfCOmments li
{
    background-color: #EFEFEF;
    color: Black;
    list-style-type: none;
    margin: 10px 0;
    padding: 10px 10px;
}

#listOfCOmments li.alt
{
    background-color: #E5E5E5;
}
#listOfCOmments li h2.comment-author
{
    font-size: 11pt;
    color: Black;
    font-size: 14px;
    text-align: left;
    font-weight: normal;
    font-style: italic;
    letter-spacing: -1px;
    padding: 0;
    margin: 0;
    padding-left: 5px;
}
img.avatar
{
    float: left;
    margin-right: 5px;
    margin-left: -5px;
    clear: left;
}

#listOfCOmments li h2.comment-author cite
{
    font-style: normal;
    font-size: 12px;
    clear: both;
}
#listOfCOmments li h2.comment-author a.url
{
    text-decoration: underline;
    color: Black;
    background: transparent url(http://www.ergonomie-web.be/wp-content/themes/ergonomieWeb/_img/url_icon.gif) center right no-repeat;
    padding-right: 20px;
}
.commentmetadata
{
    font-size: 10px;
    font-style: normal;
    font-family: Arial;
    float: right;
}
.commentmetadata a
{
    text-decoration: none;
    color: #4896b8;
    background: white;
    padding: 0 6px;
}
.commentmetadata a.commentLink
{
    background: transparent;
    color: Black;
    padding: 0;
    margin: 0;
    text-align: left;
}
div.comment-body
{
    margin-left: 5px;
    background: white;
    padding: 5px;
}

/* --- COMMENT FORM ---*/
form#addComment
{
    position: relative;
    height: 272px;
}

form#addComment fieldset
{
    border: 0px solid #777777;
}
form#addComment legend
{
    color: #777777;
    font-style: italic;
    padding: 0 10px;
    font-size: 11px;
    text-align: left;
    text-indent: -3000px;
}
form#addComment div
{
    padding: 5px 0px;
    margin-bottom: 10px;
}
form#addComment label
{
    color: #616161;
    width: 100px;
    float: left;
    text-align: left;
    font-size: 11px;
}
form#addComment input[type=text], form#addComment textarea
{
    width: 240px;
    float: right;
    background: #313131;
    border: 1px solid #313131;
    color: White;
    font-size: 11pt;
    padding: 2px;
}
form#addComment input[type=text]:focus, form#addComment textarea:focus
{
    background: white;
    color: Black;
    border-color: Black;
}
form#addComment button[type=submit]
{
    background: #FF6300;
    border: 1px outset #FF6300;
    background: #313131;
    border-color: #313131;
    color: #FFFFFF;
    cursor: pointer;
    padding: 5px 10px;
    -webkit-border-radius: .3em;
    -moz-border-radius: .3em;
    border-radius: .3em;
    padding: 0.5em;
}
form#addComment button[type=submit]:hover
{
    background: #FF9300;
    color: #000;
}
form#addComment button[type=submit]:active
{
    border: 1px inset #FFB300;
    background-color: #FFB300;
    color: Black;
}


/* -- BACK/NEXT NAVIGATION (INDEX . SEARCH/ ARCHIVES ) */

#backNextNavigation
{
    border: 1px solid black;
    border-width: 1px 0;
    padding: 20px 0;
}

#backNextNavigation a
{
    margin: 0 52px;
}


a.english
{
    background:transparent url(http://www.ergonomie-web.be/wp-content/themes/ergonomieWeb/_img/flags.png) right 5px no-repeat;
    padding-right:20px;
    margin-right:10px;
}
a.spanish
{
    background:transparent url(http://www.ergonomie-web.be/wp-content/themes/ergonomieWeb/_img/flags.png) right  -75px no-repeat;
    padding-right:20px;
    margin-right:10px;
}
a.french
{
    background:transparent url(http://www.ergonomie-web.be/wp-content/themes/ergonomieWeb/_img/flags.png) right  -50px no-repeat;
    padding-right:20px;
    margin-right:10px;
}

div.post div.syntaxhighlighter,div.syntaxhighlighter{
    margin: 8px 52px 13px 52px;
width:90%;
}
/* -- contact form 7 plugin */
div.wpcf7-response-output{
background-color:#FFFFDD;
color:black;
}