/**
 * @title          global contextual
 * @description    related contents / navigations on core left column
 * @media          screen
 * @required       global-base.css, global-core.css
 */


/**
 * @section        contextual
 * @description    contextual core contents (illustration, chapters, medias)
 * @tree           #contextual < #principal < #core < #page < #wrapper < body
 */
#contextual {
    float:left;
    overflow:hidden;
    padding-bottom:25px;
    width:212px;
}

#illustration {background:url(/templates/versailles/images/common/bg/contextual-illustration.png) no-repeat;}
#illustration img {display:block;}

#chapters {
    margin-left:26px;
    width:171px;
    background:#E8E9E7; color:#3E848E;
    font:10px Georgia, "Times New Roman", Times, serif;
}
#chapters ol {margin:0; padding:10px 10px 0 15px;}
#chapters li {padding-bottom:10px;}
#chapters a {
    display:block;
    padding-left:7px;
    background:url(/templates/versailles/images/common/picto/bullet-chapters.png) no-repeat 0 .45em; color:#3E848E;
}
#chapters .on a, #chapters li.on li.on a {
    font-weight:bold;
    text-decoration:none;
    cursor:default;
}
#chapters ol ol {padding:0 0 0 15px;}
#chapters li li, #chapters li li a {
    padding:0;
    background:none;
}
#chapters li.on li a {
    font-weight:normal;
    cursor:pointer;
}
#chapters li.on li a:hover {text-decoration:underline;}
#chapters li.on li.on a {text-decoration:none;}

#medias {
    margin:29px 0 0 26px; padding-bottom:10px;
    width:171px;
    background:#E4E6E3; color:#636363;
}
#medias a {color:#967526;}
#medias dl {margin:0; padding:0 10px;}
#medias dl dl {padding:0;}
#medias dt {
    padding:10px 0 0;
    color:#967526;
    font:14px Georgia, "Times New Roman", Times, serif;
}
#medias dd dt {
    margin-bottom:10px; padding:10px 0 0; border-bottom:1px solid #C2C3C1;
    color:#313131;
    font:bold 11px Arial, Verdana, sans-serif;
    text-transform:uppercase;
}
#medias dt a {
    display:block;
    padding-right:20px;
    min-height:15px;
    background:url(/templates/versailles/images/common/bg/contextual-show-hide.png) no-repeat 0 100%; color:#313131;
    text-decoration:none;
}
#medias dt a:hover {background-position:-453px 100%;} 
#medias dt a.hide {background-position:0 100%;}
#medias dt a.hide:hover {background-position:-302px 100%;}
#medias dt a.show {background-position:-151px 100%;}
#medias dt a.show:hover {background-position:-453px 100%;}
#medias dd dd {
    padding-bottom:10px;
    width:151px;
}
#js #medias dd dd {position:absolute; left:-10000px;}
#js #medias dd dd.on, #js #medias dd .text dd {position:static;}
#medias .visual {float:left;}
#medias .content {
    float:right;
    width:94px;
    font-size:10px;
}
#medias .content p {margin:0;}
#medias .more a {
    padding-left:6px;
    background:url(/templates/versailles/images/common/picto/bullet-medias.png) no-repeat 0 .5em;
}
#medias .text dt {
    margin-bottom:5px; border:0;
    text-transform:none;
}
#medias .text dt img {
    display:block;
    margin-top:2px;
}
#medias .text dd {font-size:10px;}
#medias .text p {margin:0 0 .1em;}
#medias .sounds {padding-bottom:5px;}
#medias .sounds dt {margin-bottom:5px;}
#medias .sounds dd {padding-bottom:0;}
#medias .sounds dd a {
    display:block;
    padding:2px 0 0 20px;
    min-height:24px;
    background:url(/templates/versailles/images/common/picto/bullet-sound.png) no-repeat 5px .2em; color:#000;
}
/**
 * @section        alerts
 */
#alerts {
    padding-bottom:10px;
    width:200px;
    background:#E7E3DF; color:#313131;    
}
#alerts h2 {
    padding:15px 0 5px 26px; border-bottom:1px solid #8C8A88;
    width:174px;
    background:url(/templates/versailles/images/common/picto/bullet-warning.png) no-repeat 5px 50%; color:#313131; 
    font:bold 14px Georgia, "Times New Roman", Times, serif;
    text-transform:uppercase;
}
#alerts p {
    font-size:10px;
    margin:0 10px 0 25px;
}
#alerts dl {
    margin:0 10px 5px 25px;
}
#alerts dt {
    margin-top:15px; padding-left:10px;
    background:url(/templates/versailles/images/common/picto/bullet-alerts.png) no-repeat 0 0.55em;
    font-weight:bold; font-size:11px;
}
#alerts dd {
    padding-left:10px;
    font-size:10px;
}


/**
 * @section        templates
 */
.withMiniContextAndAside #contextual {padding-top:6px;}


/**
 * @section        clearing
 */
#medias dd:after {
    display:block; clear:both;
    visibility:hidden;
    height:0;
    content:".";
}