/* This is actually the common + white/blue version, just in case alternate stylesheets do not work */

h1 { overflow:visible; color:#7e0000; background:url(hbk2.png) repeat-x bottom; text-align:left; }
h2 { overflow:visible; color:#447023; }
h1.top, h2.top {margin: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;}

#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 { display:inline;float:left;vertical-align:top;text-align:justify;margin-left:1%; margin-right:1%;margin-top:0px;}
div.section {background:url(bksecw.png);}

#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;
}

div.columnLeft {
display:inline;float:left;width:15%;margin-top:0.5em;
    /*position:absolute;left:0px;width:15%;*/
border-right:1px solid #888888;
}

div.menuLeft img {height:0.5em;}

div.menuLeft ul {
    display:block;
    margin:0px; padding:0px;
    list-style:none;
}

div.menuLeft li {
    padding-bottom:0.5em; /*padding-left:5px;*/
}

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

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

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

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

div.menuLeft a:link { font-weight:bold; color:#5a3696; text-decoration:none;}
div.menuLeft a:visited { font-weight:bold; color:#5a3696; text-decoration:none;}
div.menuLeft a:hover { font-weight:bold; color:#a28018; text-decoration:none;}

#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;}

/* One day, we'll have support for xhtml namespaces and SVG ! 
   But in the meantime...
*/

#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; }*/
#styleSelect { background-color:white; color:black; border:1px blue solid; }
#styleButton { background-color:white; color:black; border:1px blue solid; }
#styleChooser, #W3CValidators, #maj {font-size:small;}

#styleChooser { width:40%; text-align:left; float:left;}
#W3CValidators { width:20%; text-align:center; position:relative;float:left;}
#maj { width:40%; text-align:right;position:relative;float:left;}


* html #maj { width:39%;}


/* HADOPI - Black */
#hadopi {
margin-top: 1em;
background-color:#000; color:#FFF;
}

#hadopi a:link { font-weight:normal; color:#BBF; text-decoration:none }
#hadopi a:visited { font-weight:normal; color:#BBF; text-decoration:none }
#hadopi a:hover { font-style:normal; color:#CCF; text-decoration:underline }
#hadopi a:active { font-style:italic; color:#CCF; text-decoration:none }
#hadopi a:focus { font-style:italic; color:#CCF; text-decoration:underline }