/* This is actually the common + white/blue version, just in case alternate stylesheets do not work */
h1 { overflow:visible; color:#986e1e; background:url(hbk3.png) repeat-x bottom; text-align:left; }
h2 { overflow:visible; color:#447023; }
h1 {font-size:1.6em;line-height:1;}
h2 {font-size:1.3em;line-height:1;}

h1.top, h2.top {margin-top:0px;}
a:link { font-weight:normal; color:#45A; text-decoration:none }
a:visited { font-weight:normal; color:#126; text-decoration:none }
a:hover { font-style:normal; color:#779; text-decoration:underline }
a:active { font-style:italic; color:#779; text-decoration:none }
a:focus { font-style:italic; color:#779; text-decoration:underline }
a.publi:link { color:#0A0; }
a.publi:visited { color:#084; }

/* shaded title */
#pageBackgroundHomePage {position:absolute;left:0em;top:0em;font-size:250%;font-weight:bold;color:#E8E8E8}
#pageTitleShade {position:absolute; right:0.1em; top:0.525em; text-align:center;font-size:400%;color:#D8D8D8;}
#pageTitle {position:absolute; right:0.125em; top:0.5em; text-align:center;font-size:400%;color:#E8E8E8;}
#back {z-index:0;position:absolute;left:0%;width:100%;}
#front {z-index:1;position:absolute;left:1%;width:98%;}
#entete {margin-left:1%; margin-right:1%; text-align:justify; background:url(bksecw.png);}
#endContent {clear:left;}
#afterContent {clear:left;}

#myemail {-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:-1;font-size:0.95em;}
#myemail a {text-decoration:none;color:#000;}

#langageTopMenu {font-size:small;margin-top:1.5em;}

div.banner {position:absolute;top:0em;right:1.5em;font-size:400%;}
div.banner img {height:1.5em;}

div.section, div.sectionBase, div.after_section { display:inline;float:left;vertical-align:top;text-align:justify;margin-left:1%; margin-right:1%;margin-top:0px;}
div.section, div.after_section {background:url(bksecw.png);}

div.after_section { width:98%;clear:left; }

td.section, td.sectionBase, td.after_section { vertical-align:top;text-align:justify;margin-left:1%; margin-right:1%;margin-top:0px;}
td.section, td.after_section {background:url(bksecw.png);}

body {margin:0px 0px 0px 0px;}

#entete img {max-width:100%;height:auto;}
.section img, .after_section img {max-width:100%;height:auto;}

#entete video {max-width:100%;height:auto;}
.section video, .after_section video {max-width:100%;height:auto;}

@media screen and (min-device-width: 20cm) {
/*@media all and (min-width: 4800px) {*/
    #menudiv {display:inline;float:left;width:15%;margin-top:0.5em;}
    
    #content { min-height:100px; margin-top:0.5em; margin-bottom:0.5em; width:84%;border-left:1px solid #888888;
    display:inline;float:left;
    /*Merged border trick*/
    position:relative;left:-1px;
    }

    #themenu img {height:0.5em;}

    #themenu ul {
        display:block;
        margin:0px; padding:0px;
        list-style:none;
    }

    #themenu li {
        padding-bottom:0.5em; /*padding-left:5px;*/
    }

    #themenu li:hover {
        padding-bottom:0.5em; /*border-left:2px solid #74d074; padding-left:3px;*/
    }

    #themenu ul li ul {
        display:block;
        margin-left:0px;
        /*list-style:disc;
        color: red;*/
    }

    #themenu ul li ul li {
        padding-bottom:0px; border-left:2px solid #74d074; padding-left:8px; padding-top:0.3em;
    }

    #themenu ul li ul li:hover {
        padding-bottom:0px; border-left:2px solid #7e0000; padding-left:8px; padding-top:0.3em;
    }

    #themenu a:link { font-weight:bold; color:#5a3696; text-decoration:none;}
    #themenu a:visited { font-weight:bold; color:#5a3696; text-decoration:none;}
    #themenu a:hover { font-weight:bold; color:#a28018; text-decoration:none;}
    #topMenuMobile {display:none;}
    #mobtitle {display:none;}
    #namebk {display:none;}
    
    #themenu ul.hideul {display:none;}

    /*#styleChooser { text-align:left; position:absolute; bottom:2em;}*/
    #styleChooser { text-align:left; position:absolute; left:1%; font-size:0.95em;}
    .mobile {display:none;}
    
    #myemail {position:absolute; left:50%; width:100%; margin: 0px 0px 0px -50%; text-align:center;}
}
#styleSelect { background-color:white; color:black; border:1px blue solid; }
#styleButton { background-color:white; color:black; border:1px blue solid; }
#styleChooser form {display:inline; font-size:0.95em;}
#styleChooser form * {font-size:0.95em;}

@media not screen and (min-device-width: 20cm) {
/*@media not all and (min-width: 4800px) {*/
    /*#menudiv {display:none;}*/
    .nomobile {display:none;}
    #themenu ul {list-style:none;}
    #themenu ul li img {display:none;}
    #themenu ul li img#imglang {display:inline; position:relative; top:3px;}
    #content {border-left:0px;}
    #topPart {display:none;}
    #back {display:none;}
    #content {min-height:100px; margin-top:45px; margin-bottom:0.5em; width:100%; border-left:0px;
    /*display:inline;float:left;*/
    }
    #front {left:0%;width:100%;}
    #deco {
        background:rgba(192,240,240,0.8);
        height:45px;
        z-index:3;
        position:fixed; left:0px; top:0px;
    }
    #langageTopMenu {display:none;}
    #mobtitle {height:35px;position:relative;left:50px; top:0px; font-size:25px;}
    #namebk {float:right;text-align:right;font-size:15px;padding-top:2px;padding-right:2px;line-height:1;color:#8BB;}
    #topMenuMobile
    {
        box-sizing: border-box;
        display: inline;
        width: 50px;
        height: 45px;
        top: 5px;
        left: 0;
    }
    #topMenuMobile:before,
    #topMenuMobile:after,
    #topMenuMobile span
    {
        background: #484848;
        content: '';
        display: inline;
        width: 30px;
        height: 5px;
        position: absolute;
        left: 10px;
    }
    #topMenuMobile:before
    {
        top: 5px;
    }
    #topMenuMobile span
    {
        top: 15px;
    }
    #topMenuMobile:after
    {
        top: 25px;
    }

    #topMenuMobile:before,
    #topMenuMobile:after,
    #topMenuMobile span
    {
        -webkit-transition: none 0.25s ease 0.25s;
        transition: none 0.25s ease 0.25s;

        -webkit-transition-property: transform, top, bottom, left, opacity;
        transition-property: transform, top, bottom, left, opacity;
    }
    html.mm-opening #topMenuMobile:before,
    html.mm-opening #topMenuMobile:after
    {
        top: 15px;  
    }
    html.mm-opening #topMenuMobile span
    {
        left: -50px;
        opacity: 0;
    }
    html.mm-opening #topMenuMobile:before
    {
        transform: rotate( 45deg );
    }
    html.mm-opening #topMenuMobile:after
    {
        transform: rotate( -45deg );
    }
    
    #myemail {position:absolute; left:0px; width:100%; margin: 0px 0px 0px 0px; text-align:left;}
}

#nbspNic {
    font-size:300%;
    color:#7e0000;
    display:inline;
}

#olasBrodu {
    border-bottom:2px;
    border-bottom-color:#000058;
    border-bottom-style:solid;
}

#mainSectionNbsp, #mainSection {
    font-size:150%;
    font-weight:bold;
    color:#74d074;
    display:inline;
}

#mainSection {
    border-top:2px;border-top-color:#000058;border-top-style:solid;
}


/* Use start-html hack for IE browsers < 7, and 7 should have no problem with transparent PNG!
* html div.section, div.sectionBase {margin:0.8%;}
* html div.section {background:url(bksecwie.png);}
* html #entete {background:url(bksecwie.png);}
* html h1 { background:url(hbk2wie.png); }
* html #pageTitle {left:0px; top:25px;}
* html #pageTitleShade {left:2px; top:27px;}
*/

body { background-color:#FFF; color:#000; }

img { border-style:none; }

#header {display:none;}


#deco { clear:left; width:100%; }

div.decovide, div.decovideh0, div.decovideh1 {
    display:block;
    position:relative;
    width:100%;
    height:1px; overflow:hidden;
}
div.decovideh0 {
    height:10px;
}
div.decovideh1 {
    height:6px;
}

div.decoplein, div.deco1a, div.deco1b, div.deco2a, div.deco2b, div.deco3a, div.deco3b {
    background-color:#018;
    height:1px;
    overflow:hidden;
}

div.decoplein {
    position:relative;
    left:20%; width:60%;
}

div.deco1a {
    position:absolute;
    width:40%; right:59%;
}
div.deco1b {
    display:block;
    position:relative;
    left:60%; width:39%;
}

div.deco2a {
    position:absolute;
    width:39%; right:59%;
}
div.deco2b {
    display:block;
    position:relative;
    left:60%; width:38%;
}

div.deco3a {
    position:absolute;
    width:38%; right:59%;
}
div.deco3b {
    display:block;
    position:relative;
    left:60%; width:37%;
}

#footer { clear:left; width:100%;} /*position:absolute; bottom:0px; width:100%; left:0px; }*/
/*#W3CValidators { width:20%; text-align:center; position:relative;float:left;}*/

#maj { width:99%; text-align:right;position:relative;float:right; font-size:0.95em;}