/* Stylesheet: Alain Breyer - reset Modified On 2012-02-28 21:34:26 */
@charset "UTF-8";
/* CSS Document */

/*
html5doctor.com Reset Stylesheet
v1.4
2009-07-27
Author: Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
        margin:0;
        padding:0;
        border:0;
        outline:0;
        font-size:100%;
        vertical-align:baseline;
        background:transparent;
}
body {
        line-height:1;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
        display:block;
}

nav ul {
        list-style:none;
}

blockquote, q {
        quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
        content:'';
        content:none;
}

a {
        margin:0;
        padding:0;
        border:0;
        font-size:100%;
        vertical-align:baseline;
        background:transparent;
}

ins {
        background-color:#ff9;
        color:#000;
        text-decoration:none;
}

mark {
        background-color:#ff9;
        color:#000;
        font-style:italic;
        font-weight:bold;
}

del {
        text-decoration: line-through;
}

abbr[title], dfn[title] {
        border-bottom:1px dotted #000;
        cursor:help;
}

table {
        border-collapse:collapse;
        border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
        vertical-align:middle;
}
/* Stylesheet: Alain Breyer - orator Modified On 2012-02-28 21:41:27 */
@font-face {
    font-family: 'OratorStdMedium';
    src: url('http://www.alainbreyer.be/uploads/layout/oratorstd-webfont.eot');
    src: url('http://www.alainbreyer.be/uploads/layout/oratorstd-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.alainbreyer.be/uploads/layout/oratorstd-webfont.woff') format('woff'),
         url('http://www.alainbreyer.be/uploads/layout/oratorstd-webfont.ttf') format('truetype'),
         url('http://www.alainbreyer.be/uploads/layout/oratorstd-webfont.svg#OratorStdMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* Stylesheet: Alain Breyer - CSS Modified On 2015-02-03 11:51:51 */
@charset "UTF-8";

/* background: #f4f4f4 url(http://www.alainbreyer.be/uploads/ngrey/body.png) repeat-x left top; */

body{ background-color:#414141; font-family: 'OratorStdMedium'; letter-spacing:0em; margin-bottom:20px;}
a{ text-decoration:none; color:#717171; -webkit-transition: color .25s ease-in-out,  padding .25s ease-in-out; -moz-transition: color .25s ease-in-out, padding .25s ease-in-out; -o-transition: color .25s ease-in-out, padding .25s ease-in-out; transition: color .25s ease-in-out, padding .25s ease-in-out;}
a:hover, a:hover span.date{ color:#FFF;}
.none{ display:none;}
.date{ color:#BBBBBB;}

#wrapper{ width:940px; margin:auto; padding:10px;}

/* HEADER ===========================================*/
header{ position:relative; height:100px; margin-bottom:40px;}

header hgroup{ }
header hgroup h1{ color:#cfcfcf; font-size:1.8em; font-weight:normal; position:absolute; bottom:46px; left:5px;}
header hgroup h2{ color:#717171; font-size:1.4em; font-weight:normal; position:absolute; bottom:13px; left:65px;}

header nav{ position:absolute; bottom:10px; right:-10px;}
header nav ul{}
header nav ul li{ float:left; height:48px; padding:0 9px;}
header nav ul li + li{ background:url(http://www.alainbreyer.be/uploads/layout/bg-item-nav.png) left bottom no-repeat; }
header nav ul li a{ display:block; padding:27px 0px 9px 0px; font-size:1em;}
header nav ul li.menuactive a{ background:url(http://www.alainbreyer.be/uploads/layout/bandeau.png) center bottom no-repeat; color:#cfcfcf;/*border-bottom:2px solid red; */background-size:100%;}

header figure{ position:absolute; bottom:10px; left:5px;}

/* ASIDE ============================================*/
aside{ float:left; width:220px; position:relative;}

aside h1{ background-color:#343434; padding:10px; min-height:62px; color:#5c5c5c; font-weight:normal; font-size:1.25em; -webkit-box-shadow: 3px 3px 9px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 3px 3px 9px 0px rgba(0, 0, 0, 0.15); box-shadow: 3px 3px 9px 0px rgba(0, 0, 0, 0.15);}

aside nav{}
aside nav ul{}
aside nav ul li{}
aside nav ul li + li{ background:url(http://www.alainbreyer.be/uploads/layout/bg-item-nav-vert.png) left top repeat-x;}
aside nav ul li a{ display:block; padding:11px 10px 7px 10px; font-size:.9em;}
aside nav ul li a:hover{ padding-left:15px;}
aside nav ul li.menuactive a{ border-left:2px solid red; color:#cfcfcf;}
aside nav ul li a.menuactive{ border-left:2px solid red; color:#cfcfcf;}

aside figure, aside div.figure{margin:20px 0;-webkit-box-shadow: 3px 3px 9px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 3px 3px 9px 0px rgba(0, 0, 0, 0.15); box-shadow: 3px 3px 9px 0px rgba(0, 0, 0, 0.15);}

/* MAIN ==========================================*/
#main{ float:right; width:700px;}

section{ margin-bottom:20px;}
section h1{}
section p{}

section.picture{ min-height:450px; text-align:center;}
section.picture img{ -webkit-box-shadow: 3px 3px 9px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 3px 3px 9px 0px rgba(0, 0, 0, 0.75); box-shadow: 3px 3px 9px 0px rgba(0, 0, 0, 0.75);}

section.content{ position:relative; line-height:1.2em; min-height:300px; padding:25px; background-color:#272727; -webkit-box-shadow: 3px 3px 9px 0px rgba(0, 0, 0, 0.30); -moz-box-shadow: 3px 3px 9px 0px rgba(0, 0, 0, 0.30); box-shadow: 3px 3px 9px 0px rgba(0, 0, 0, 0.30); font-family:arial; font-size:0.8em; color:#7d7d7d;}

section.content > img{ position:absolute; top:25px; left:40px;}

section.content > div{ margin-left:55px; margin-right:55px; text-align:justify; position:relative; padding-top:35px; margin-bottom:35px;}

section.content > div:before{ content:url(http://www.alainbreyer.be/uploads/layout/p-before.png); position:absolute; left:-55px; top:20px;}

section.content > div:after{ content:url(http://www.alainbreyer.be/uploads/layout/p-after.png); position:absolute; right:-60px; bottom:-25px;}

section.content > div h1{ font-size:1.9em; margin-bottom:20px;}
section.content > div h1 ~ h1{ margin-top:50px;}
section.content > div p{ margin-bottom:20px;}

section.gallery{ min-height:450px;}

#lang{ position:absolute; top:0px; right:0px;}

/* FOOTER ===========================================*/
footer{ clear:both; text-align:right; font-size:.75em;}

/* SLIDESHOW ========================================*/
#slideshow_1, #slideshow_2, #slideshow_3, #slideshow_4{ overflow:visible !important;}
#comments_st_1, #comments_st_2, #comments_st_3, #comments_st_4{position:relative; left:0px; text-align:left;color:#ccc!important;margin-bottom:-15px;}
#comments_st_1 div, #comments_st_2 div, #comments_st_3 div, #comments_st_4 div{padding:0;}
#comments_st_1 h2, #comments_st_2 h2, #comments_st_3 h2, #comments_st_4 h2{display:inline;margin-right:10px!important;}

/* GALERIE TXT =======================================*/
.txtGalerie{ display:none;}
/* Stylesheet: Alain Breyer - lava Modified On 2012-03-13 21:51:18 */
#lava ul {
    z-index:100;
}
 
#lava #box {
    position:absolute; 
    left:0; 
    top:50px; 
    z-index:50; 
    margin-left:10px;
background:url(http://www.alainbreyer.be/uploads/layout/bandeau.png) center bottom no-repeat;
/*border-bottom:2px solid red; */
 height:2px;
background-size:100%;
}