/**
 * @title          global core
 * @description    contents in main column and templates with / without dependant GUI
 * @media          screen
 * @required       global-base.css
 */


/**
 * @section        core
 * @tree           #core < #page < #wrapper < body
 */
#core {
    position:relative;
    margin:0 auto;
    width:817px; min-height:550px;
    background:#D8DDD6 url(/templates/versailles/images/common/bg/core.png) repeat-x; color:#434343;
}

#core p {margin-top:0;}
#core a {color:#434343;}

#core #print {
    border-bottom:1px solid #E8E2D1;
    /* overflow:hidden; delete when activating print */
    /* height:8px;  delete when activating print */
}
#core #print a {
    /*  visibility:hidden; /* delete when activating print */
    display:block;
    padding:1px 0 2px 20px;
    background:url(/templates/versailles/images/common/picto/bullet-print.png) no-repeat 0 .2em; color:#636363;
    font:normal 11px Arial,Verdana,sans-serif;
}

#core h2 {
    margin-bottom:.2em;
    color:#106470;
    font:normal 30px/1.2 Georgia, "Times New Roman", Times, serif;
}

#core h3 {
    margin-bottom:.4em;
    color:#3E838E;
    font-size:11px;
    text-transform:uppercase;
}

#core h3 span {
    font-weight:normal;
    text-transform:none;
}

#core h3 span.tel {
    font-weight:normal;
    text-transform:none;
	font:normal 9px/1.455 Arial,Verdana,sans-serif
}

#core h4 {
    margin-bottom:.4em;
    color:#3E838E;
    font:bold 11px Georgia, "Times New Roman", Times, serif;
}

#core .sharethis {
    float:right;
    margin-top:-.5em;
}

#core .chapo {font:12px/1.5 Georgia, "Times New Roman", Times, serif;}
#core .chapo p {margin-bottom:2.2em;}
#core .chapo p.btn {font:11px Arial, Verdana, sans-serif;}
#core .chapo a {text-decoration:underline;}
#core .chapo .btn a {text-decoration:none;}

#core .btn {
    max-width:164px;
    background:url(/templates/versailles/images/common/bg/core-btn-on.png) no-repeat -1000px 0; /* preload */
}
#core .btn a {
    float:left;
    padding:3px 24px 3px 10px; border:1px solid #BFBFBF;
    background:#FFF url(/templates/versailles/images/common/bg/core-btn.png) no-repeat 100% 50%; color:#434343;
    font-weight:bold;
    text-decoration:none;
}
#core .btn a:hover {
    background:url(/templates/versailles/images/common/bg/core-btn-on.png) no-repeat 100% 50%;
}

#core p.top {
    font-size:10px;
    text-align:center;
}

/* contain margins for JS aside height */
#main .body {
    overflow:hidden;
    padding-bottom:1px;
}
#main .body a {text-decoration:underline;}
#main .body .btn a {text-decoration:none;}

#main ul li {
    padding-left:8px;
    background:url(/templates/versailles/images/common/picto/bullet-core-list.png) no-repeat 0 .7em;
}
#main ul.links li {
    padding:0;
    background:none;
}
#main ul.links li a {
    padding-left:8px;
    background:url(/templates/versailles/images/common/picto/bullet-aside.png) no-repeat 0 .5em;
}


/* Thumbnail / Content associations */
#main .item {margin-bottom:2.91em;}

#main .item .visual {
    float:left;
    padding-top:2px;
}

#main .item .content {
    float:right;
    width:400px;
}
#main .item .content p, #main .item .content ul {margin:0 0 .7275em;}
#main .item .content ul {margin-top:-.7275em;}


/* Pagination */
.pagination {
    clear:both;
    margin:1.455em 0;
    font-size:10px;
    text-align:center;
}
.pagination ol {
    display:inline;
    margin:0 5px 0 10px;
}
.pagination li {
    display:inline;
    padding:0 3px 0 8px;
    background:url(/templates/versailles/images/common/picto/bullet-pagination.png) no-repeat 0 .55em;
    font-size:11px;
}
.pagination li.first {
    padding-left:0;
    background:none;
}
.pagination li strong {color:#000;}


/* Visual with legend */
#main .visualWithLegend {
    float:left; clear:left;
    margin:4px 15px 1.455em 0;
    background:#FFF;
}
#main .visualWithLegend a {
    display:block;
    text-decoration:none;
    line-height:1.1;
}
#main .visualWithLegend a:hover {background:#F1F2F0;}
#main .visualWithLegend img {display:block;}
#main .visualWithLegend span {
    display:block;
    padding:2px 2px 2px 15px;
    background:url(/templates/versailles/images/common/picto/bullet-aside.png) no-repeat 8px .5em;
    font-size:10px;    
}


/* Tickets page */
#core .ticket h4 {
    font-size:12px;
    margin-bottom:0;
}
#core .visual a {text-decoration:none;}
#core .visual a:hover span {text-decoration:underline;}
#core .visual img {display:block;}
#core .visual span {
    padding-left:8px;
    background:url(/templates/versailles/images/common/picto/bullet-aside.png) no-repeat 0 .3em;
    font-size:10px;
}
#core .ticket .content dl {margin-top:0;}
#core .ticket .more {border-bottom: 1px solid #cbcbc9;}
#core .ticket .hide, #core .ticket .show {
    display:block;
    padding-left:20px;
    width:180px; height:16px;
    background:url(/templates/versailles/images/common/bg/core-show-hide.png) no-repeat 0 100%;
    font-size:11px;
    text-decoration:none;
}
#core .ticket .hide {background-position:-200px 100%;}
#core .ticket .show:hover {background-position:-400px 100%;}
#core .ticket .hide:hover {background-position:-600px 100%;}
#core .ticket .buy {
    float:right;
    padding:0 9px 0 14px; border:1px solid #D7D7D7;
    height:14px;
    background:url(/templates/versailles/images/common/bg/tickets-btn.png) no-repeat 0 50%; color:#27553B;
    font-size:11px;
    text-decoration:none;
}
#core .ticket .buy:hover {
    background:url(/templates/versailles/images/common/bg/tickets-btn.png) no-repeat -200px 50%;
}
#core .ticket dt {
    border-bottom:0;
    background:none;
}
#core .ticket .infos {
    position:static;
    padding:10px;
    background-color:#fff;
}
#js #core .ticket .infos {
    position:absolute; left:-10000px;
    background:none;
}
#js #core .ticket .on {
    position:static;
    background:#fff;
}
#core .ticket dd {
    padding:0;
}
#core .ticket table {
    width:370px;
    border-collapse:collapse;
}
#core .ticket th {
    padding-left:15px;
    width:170px;
    color:#706C60;
    text-align:left;
}
#core .ticket td {
    padding:0 0.3em 0 15px;
    width:170px;
    color:#706C60;
    font-size:10px;
    vertical-align:top;
}
#core .ticket table .firstCol {
    padding-left:0px; padding-right:15px; border-right:1px solid #ccc;
}
#core .ticket td strong {
    color:#434343;
    font-size:11px; font-weight:bold;
}


/* Opening hours */
#main dl.openingHours {
    margin:0 0 1.5em 0;
}
#main dl.openingHours dt {
    margin-top:0.4em;
    font-weight:bold;
}


/**
 * @section        templates
 */
.specificWithContextAndAside #principal {
    float:left;
    width:612px;
}
.withoutContextOrAside #main {
    float:left;
    margin-left:25px; padding:0;
    width:767px;
}
.withAside #main {
    float:left;
    margin-left:25px;
    width:587px;
}
.withContext #main, .withMiniContext #main {
    float:left;
    width:580px;
}
.withContextAndAside #main, .withMiniContextAndAside #main {
    float:left;
    width:400px;
}
.specificWithContextAndAside #main, .specificWithContext #main {margin-left:25px;}
.specificWithContext #main {margin-right:25px;}

.specificWithContext #main .intro {
    float:left;
    width:580px;
}
.specificWithContextAndAside #main .intro {
    float:left;
    width:400px;
}

.withContext #main .body, .withMiniContext #main .body {width:580px;}
.specificWithContext #main .body, .withoutContextOrAside #main .body {width:767px;}
.withAside #main .body, .specificWithContextAndAside #main .body {width:587px;}
.withContextAndAside #main .body, .withMiniContextAndAside #main .body {width:400px;}

.specificWithContextAndAside #main .body, .specificWithContext #main .body {clear:left;}
.specificWithContextAndAside #main .body h3 {margin-left:186px;}

.withContextAndAside #main .item .content, .withMiniContextAndAside #main .item .content {width:220px;}
.withContext #main .item .content, .withMiniContext #main .item .content {width:394px;}
.withoutContextOrAside #main .item .content {width:581px;}


/**
 * @section        clearing
 */
#core:after, #core p.btn:after, .item:after, #core .ticket dd.infos ul:after, #core .ticket .more:after {
    display:block; clear:both;
    visibility:hidden;
    height:0;
    content:".";
}

#page .iframe iframe{
	background-color:#fff;border:0px;width:819px;height:1370px;
}